• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

<marquee> ersatz

Nodgeil

New member
ich suche einen ersatz für das tag <marquee>
(lässt einen text von links nach rechts, von rechts nach links, von oben nach unten ... laufen; mir reicht von rechts nach links)
muss in js ja irgendwie gehen

hab mir schon überlegt bei nem langen text einfach immer den ersten buchstaben zu löschen und hinten einen dranzuhängen.
nur is ein I nicht so breit wie zb ein W
-> es würde nicht laufen sondern stottern :D

also wer aknn mir helfen?

EDIT:
ich will nur ne idee also keinen fertigen code :)
 
Zuletzt bearbeitet:
idee:
über css und js, wie üblich.
das element(am besten div's damit man den ganzen inhalt verschieben kann) mit css definieren (höhe breite, top und left) und mit js über ein function mit setTimeout() stück für stück verschieben so das es animiert aussieht. wie jedes schneefall script das zb das macht.
 
hab ich mri auch überlegt
aber wie krieg ich des dann hin, dass zb nur in einem kleinen fenster der text scrollt?
und nicht über den ganze bildschirmrand???
 
ich glaub du hast mich falsch verstanden ;)
was is wenn der text nicht über die ganze breite laufen soll, sonder zb nu in do nem kleinen teil oder in einer spalte einer tabelle oder so

jede menge anderer text | Der text der läuft | jede menge anderer text :D
außerdem weiß ich net wie ich machen kann, dass sich da selbe gleich wieder wiederholt :)


soweit bin ich jetzt :D
http://nodgeil.root64.net/files/marquee.html


also wenn ich wüsste wie ich die breite eines Textes in pixeln ausrechnen kann dann wüsst ich wie ich weitermachen kann.
bei der standart schriftart vom pre tag isses einfach da is jeder buchstabe gleich groß
aber bei arial isses ja net so...
 
Zuletzt bearbeitet:
dkdenz schrieb:
Tja, Google liefert echt beeindruckende Ergebnisse wenn man es mal einsetzt...
da hatte ich auch gefunden
aber wie im ersten post ja steht such ich keinen fertigen code sondern ich wills selber machen und such nur tipps...
 
Nodgeil schrieb:
da hatte ich auch gefunden
aber wie im ersten post ja steht such ich keinen fertigen code sondern ich wills selber machen und such nur tipps...


:confused:
Dann guck Dir den Quelltext an der geliefert wird und nimm ihn als Tipp...
 
mach dir ne zeichenliste,
prüfe die breite der zeichen bei den jeweiligen schriftarten.
speichere diese.
jetzt kannst du damit prüfen strings prüfen :)

methode zu prüfen der zeichenbreite:
mach eine zwei pixelgrafik mit einem schwarzen und nen weißenpixel.
mach daraus ein "lineal" (mit hilfe von html/css ...oder mach dir gleich so ein pixellineal).
schreibe darauf alle buchstaben.
vergrößere die ansicht (mit opera ganz einfach ansonsten nimm die windowslupe oder ähnliches)
jetzt lassen sich die pixel ganz einfach zählen.
jetzt kannst du noch formeln erstellen um wieviel prozent sich die zeichenlänge ändert
wenn sich die schrifftgröße ändert.
 
PRINZ schrieb:
mach dir ne zeichenliste,
prüfe die breite der zeichen bei den jeweiligen schriftarten.
speichere diese.
jetzt kannst du damit prüfen strings prüfen :)

methode zu prüfen der zeichenbreite:
mach eine zwei pixelgrafik mit einem schwarzen und nen weißenpixel.
mach daraus ein "lineal" (mit hilfe von html/css ...oder mach dir gleich so ein pixellineal).
schreibe darauf alle buchstaben.
vergrößere die ansicht (mit opera ganz einfach ansonsten nimm die windowslupe oder ähnliches)
jetzt lassen sich die pixel ganz einfach zählen.
jetzt kannst du noch formeln erstellen um wieviel prozent sich die zeichenlänge ändert
wenn sich die schrifftgröße ändert.
schriftgröße will ich ja nich ändern :D
nur die schriftart
in arial is ein I zb dünner als ein W
bzw des os zu machen is ein bissl aufwändig
da könnte ich mir auch von jedem buchstaben die breite in pixeln nehmen und dann schaun wie oft es den buchstaben gibt und das ganze ausrechnen :D
 
hab ich noch nicht nachgesehen...
vieleicht könnte man auch prüfen ob ein text nen automatischen zeilenumbruch drin hat.
vieleicht mit der höhe eines tables.
man könnte dann ein table dynamisch solange ändern(breite) bis kein zeilenumbruch mehr drin ist und
so die breite eines strings zu ermitteln.
 
PRINZ schrieb:
hab ich noch nicht nachgesehen...
vieleicht könnte man auch prüfen ob ein text nen automatischen zeilenumbruch drin hat.
vieleicht mit der höhe eines tables.
man könnte dann ein table dynamisch solange ändern(breite) bis kein zeilenumbruch mehr drin ist und
so die breite eines strings zu ermitteln.
das wäre ne idee :)
ich google mal
wenn jemand was findet dann melden :)

hab mitlerweile rausgefunden dass wordwrap automatischer zeilenumbruch heißt :D also wer mitgooglen will :)


habs jetzt mal mit indexOf() probiert aber der lässt sich weder mit \n noch mit dem ascii code (%0A) ansprechen :\
 
Zuletzt bearbeitet:
probier mal :D
Code:
<BODY onLoad="alert(document.getElementById('tede').clientWidth-2)">
<table><tr><td id="tede">
text
</td></tr></table>
</BODY>

-2 weil ein leerer table 2px groß ist.
ein div past sich nicht an, hab aber nicht nach nach css gesucht die das beim div machen
aber ich denk mal, du machst das schon :)

getestet im ie im opera7.54, ie6, Firefox1 und NS7
im NS7 läufts nicht aber bei den anderen.
 
PRINZ schrieb:
probier mal :D
Code:
<BODY onLoad="alert(document.getElementById('tede').clientWidth-2)">
<table><tr><td id="tede">
text
</td></tr></table>
</BODY>

-2 weil ein leerer table 2px groß ist.
ein div past sich nicht an, hab aber nicht nach nach css gesucht die das beim div machen
aber ich denk mal, du machst das schon :)

getestet im ie im opera7.54, ie6, Firefox1 und NS7
im NS7 läufts nicht aber bei den anderen.
wow danke
nur muss die tabelle irgendwo angezeigt werden
naja style="position: absolut; left: -5464561px" :D
 
Zurück
Oben