"Christmas - the time to fix the computers of your loved ones" « Lord Wyrm

JS: simpler textscroller (marquee)

fleshmark 02.03.2004 - 02:38 504 6
Posts

fleshmark

GameDev
Avatar
Registered: Aug 2000
Location: Wien
Posts: 2958
such einen marquee-like textscroller in javascript.
Der scroller muss NICHTS können, ausser das was marquee kann nur muss er halt in jedem browser laufen.

steh echt schon an, hab schon unmengen an seiten abgestöbert und jeder hatte einen hacken (mal hässliche effekte, mal muss ich den inhalt des scrollers innerhalb des javascriptes eingeben usw)

also am liebsten wäre mir eine lösung wie die hier:

http://www.overclockers.at/showthre...ghlight=marquee

nur sollte der bereich des scrollers nicht verkleinert werden, wenn man weniger eingibt als die box gross ist.

also nochmal anforderungen:

text soll nur scrollen (kein rumgehüpfe, kein gross kleiner werden usw)
scrollbereich soll immer gleich gross sein (manuell einstellbar)
textfarbe/background/schrift/grösse soll einstellbar sein.
text soll nicht innerhalb des javascriptes eingegeben werden müssen, sondern so wie im obigen link durch zb:

Code:
<div class=scrtext id=scroller1><nobr>
 blablabla
</nobr></div>

eingegeben werden.

hoff ihr könnts mir helfen, hab mom. kaum zeit mir javascript selbst beizubringen und das selbst zu programmen, bräucht es aber dringend.. :(
vielleicht könnts ihr mir einfach das obige script auf meine anforderungen umbauen, dürft eigentlich für einen geübten javascript'ler nicht so schwer sein.

hoffe es findet sich eine gütige seele und nimmt sich meiner an.

danke :)
Bearbeitet von fleshmark am 02.03.2004, 02:40

atrox

in fairy dust... I trust!
Avatar
Registered: Sep 2002
Location: HTTP/1.1 404
Posts: 2782
was meinst du mit "scrollbereich soll immer gleich gross sein" ? inwiefern erfüllt meine alte lösung das nicht ?

fleshmark

GameDev
Avatar
Registered: Aug 2000
Location: Wien
Posts: 2958
danke für die rasche antwort :)

naja, wenn ich zb beim scroller nur "hallo" eingebe, dann verringert sich der scrollbereich auf die grösse von dem Wort "hallo".
angenommen ich stell die grösse auf 500px, fülle den scroller nur mit "hallo" wird der scrollbereich auf die länge des wortes "hallo" gekürzt.
Für meine Zwecke bräucht ich aber eine Lösung die mit nbsp's die Lücke zwischen dem "o" und 500px auffüllt, das "h" kommt dann wieder bei pixel 500 raus.

hoff das is verständlich ausgedrückt - bin schon bissl müd

atrox

in fairy dust... I trust!
Avatar
Registered: Sep 2002
Location: HTTP/1.1 404
Posts: 2782
ahso, du meinst, was passiert, wenn der zu scrollende text kürzer ist, als der zum scrollen veranschlagte platz.

tausche in meinem ursprünglichen script die beiden zeilen mit

realwidth=s1.offsetWidth;

gegen

realwidth=Math.max(s1.offsetWidth,swidth);

dann wird die breite be kürzeren texten automatisch aufgefüllt.

fleshmark

GameDev
Avatar
Registered: Aug 2000
Location: Wien
Posts: 2958
:)

vielen lieben dank!
funzt perfekt

fleshmark

GameDev
Avatar
Registered: Aug 2000
Location: Wien
Posts: 2958
Es gibt doch noch ein Problem :(

Hp ist mit tabels gelöst die horizontal zentriert sind.
laufschrift soll innerhalb des tables laufen.

beim ie6 funktioniert alles perfekt so wies soll, nur beim mozilla hauts ihn auf, mit den abständen usw, diest am anfang vom javascript definierst, die nimmt er absolut. kamma das irgendwie machen, dass er den abstand links (sleft) relativ zum objekt nimmt, in dem er sich befindet (in dem fall der table)?

und noch ein kleines Problem hab ich bemerkt.

ie6:
click here

da passt alles ;)


mozilla:
click here

man beachte die horizontale scrollbar, die immer kleiner wird, je nachdem wo sich der text befindet. passiert nur, wenn der geschriebene text über die fenstergrösse geht.
ausserdem sieht man, was ich meine mit dem "sleft relativ zum objekt".


weisst du da auch noch rat? :) schäm mich schon :o

fleshmark

GameDev
Avatar
Registered: Aug 2000
Location: Wien
Posts: 2958
<push> *fleh* ;)
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz