Textscroller
obidan
- javascript
Hallo,
ich versuche einen Textscroller zu erstellen, bei dem der Text aus 2 Hälften besteht.
Diese sollen vom rechten bzw. linken Bildschirmrand aufeinander zulaufen, sich in der Mitte treffen, dann wieder an den Rand laufen usw.
Also praktisch 2 mal ein Marquee Effekt.
Leider komme ich da überhaupt nicht weiter, kann mir irgendjemand helfen?
Danke,
Daniel
hi
Leider komme ich da überhaupt nicht weiter, kann mir irgendjemand helfen?
da wir nicht wissen wo du feststeckst können wir dir leider nicht weiterhelfen.
so long
ole
(8-)>
hi
da wir nicht wissen wo du feststeckst können wir dir leider nicht weiterhelfen.
so long
ole
(8-)>
Da hast du wohl recht, also ich habe zwei Text-Felder in die jeweils ein String gefüllt wird.
Diese laufen auch Marquee-artig hin und zurück, nur eben starten sie beide links.
Mein Problem ist, das der rechte Text von rechts starten soll. Ich füge den Quelltext bei, sollte aber dazu sagen, dass ich noch Anfänger bin, wer also Verbesserungsvorschläge zum Programmierstil hat darf die gerne äußern.
<html>
<head>
<title> TEST </title>
<SCRIPT LANGUAGE="JavaScript">
<!--
var message_links = "Dies ist nur ein Test";
var message_rechts = "Das auch! ";
var speed = 30;
var forward_links = true;
var forward_rechts = false;
function bounce(){
if (forward_links) {
message_links = " " + message_links;
forward_links = ((message_links.length > 124) ? false : true);
} else {
if (message_links.charAt(0) == ' ') {
message_links = message_links.substring(1, message_links.length);
} else {
forward_links = true;
}
}
document.zeile.zeile_links.value = message_links;
setTimeout("bounce()", speed);
}
/* Diese Funktion sollte den Text eigentlich von rechts starten lassen */
function bounce2(){
if (forward_rechts) {
message_rechts = " " + message_rechts;
forward_rechts = ((message_rechts.length > 124) ? false : true);
}
else
{
if (message_rechts.charAt(0) == ' ') {
message_rechts = message_rechts.substring(1, message_rechts.length);
}
else
{
forward_rechts = true;
}
}
document.zeile.zeile_rechts.value = message_rechts;
setTimeout("bounce2()", speed);
}
//-->
</SCRIPT>
</head>
<body onload="bounce();bounce2();">
<form name="zeile">
<input type="text" size="60" name="zeile_links">
<input type="text" size="60" name="zeile_rechts">
</form>
</body>
</html>
Gruß,
Daniel