• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ticker?!

SimoNxD

Mitglied
Hallo,

Wollte einen Ticker machen als eine Art begrüßungs Nachricht der unter meinen Header läuft...
Mein Problem ist, geht dies auch ohne Input Feld?!
Da das inputfeld (auch mit background image) ein dicken rand unten hat, versaut dies das design....

HTML:
<html>
<head>
<script type="text/javascript" language="javascript" src="data/scripts.js"></script>

<SCRIPT LANGUAGE="JavaScript">
var scrlStr ="Testing :)"
var width = 450;
var strLen = scrlStr.length;
var pos = 1 - width;
function scroll(){
var scroll = "";
pos++;
if (pos == strLen)
pos = 1 - width;
if (pos<0) {
for (var i=1; i<=Math.abs(pos); i++)
scroll = scroll + " ";
scroll = scroll + scrlStr.substring(0, width - i + 1);
}
else
scroll = scroll + scrlStr.substring(pos, pos + width);
document.scrollMsg.message.value = scroll;
setTimeout("scroll()",20);
}
</SCRIPT>
</head>
<body onLoad="scroll(); return true">
<div class="header"></div>
<form name="scrollMsg" class="news">
<input style="background-image:url(img/info_leiste.jpg)" style="width:1280px" style="height:25px" type="text" name="message" value="Anfangstext">
</form>
</body>
</html>

nuja....
wie stell ichs an!?
hilfe wäre net :x

MfG
 
Ja, das geht auch ohne Input. Statt des input-Feldes ein div anlegen und ihm eine ID geben, z. B. "ticker". Dann dieses
Code:
[COLOR=#000080]document.scrollMsg.message.value = scroll; [/COLOR]
ersetzen durch dieses
Code:
document.getElementById ("ticker").innerHTML = scroll;
Viele Erfolg und viele Grüße - Ulrich
 
okay :) Danke :D Aber nun ist das problem das der ticker nicht durch den ganzen browser (von rechts nach links) läuft...

hier nochmal die veränderte sache, vlt. nen fehler gemacht?

HTML:
<html>
<head>
<script type="text/javascript" language="javascript" src="data/scripts.js"></script>
<SCRIPT LANGUAGE="JavaScript">
var scrlStr ="Testing :)"
var width = 450;
var strLen = scrlStr.length;
var pos = 1 - width;
function scroll(){
var scroll = "";
pos++;
if (pos == strLen)
pos = 1 - width;
if (pos<0) {
for (var i=1; i<=Math.abs(pos); i++)
scroll = scroll + " ";
scroll = scroll + scrlStr.substring(0, width - i + 1);
}
else
scroll = scroll + scrlStr.substring(pos, pos + width);
document.getElementById ("welcome").innerHTML = scroll;
setTimeout("scroll()",20);
}
</SCRIPT>
</head>
<body onLoad="scroll(); return true">
<div id="welcome" style="width:100%;"></div>
<br>
</body>
</html>
 
Also bei mir funktioniert der Ticker gar nicht richtig. Der Text läuft von links ein und bleibt dann stehen. Das Skript ist auch schlecht programmiert: scroll wird sowohl als Funktionsname als auch als Variablenname verwendet.
Schau dir mal diesen Ticker an: http://www.flabell.com/flash/Scrolling-News-Ticker-301
 
Zuletzt bearbeitet von einem Moderator:
Zurück
Oben