Probleme mit Nachrichtenticker in der mittlere Position
Marco Strauss
- dhtml
ich habe jetzt Probleme mit DHTML zwischen Explorer und Netscape. Die Nachrichten-
Ticker sollte in der mitte erscheinen. Der Textbreite muss bei längeren Textbewegung
automatisch immer in mittlere Position erscheinen. D.h. nicht in der mitte aus, dann
nach links oder rechts. Ich habe es zwar geschafft, beide Browser
optimal einzustellen, aber es entstehen 2 verschiedene HTML-Scripte:
bei Netscape laufen mit folgende Befehl:
<div id="ticker" style="position:absolute;"></div>
bei Explorer laufen sehr gut, aber mit anderen Befehl:
<div id="ticker" align="center"></div>
hier ist das komplette DHTML-Listing:
<html>
<head>
<title> </title>
<script>
<!--
var delay=20;
var nextm=0;
var msg=new Array
(
'+++ Nachrichtenticker1 Nachrichtenticker1 Nachrichtenticker1 +++',
'+++ Nachrichtenticker2 Nachrichtenticker2 Nachrichtenticker2 +++'
);
function start_ticker()
{
do_ticker(msg[0], 0, 1);
}
function do_ticker(text, pos, dir)
{
var out='<center><font face="Arial, Helvetica">[ <font color=#333399><font size=-1>'+text.substring(0, pos)+'</font></font> ]</font></center>';
if(navigator.appName=="Netscape")
with(document.ticker.document)
{
open(); write(out); close();
}
else
ticker.innerHTML=out;
pos+=dir;
if(pos>text.length)
setTimeout('do_ticker("'+text+'",'+pos+','+(-dir)+')', delay*150);
else
{
if(pos<0)
{
if(++nextm>=msg.length)
nextm=0;
text=msg[nextm];
dir=-dir;
}
setTimeout('do_ticker("'+text+'",'+pos+','+dir+')', delay);
}
}
</script>
</head>
<body onload="start_ticker()">
<!-- Netscape - Listing -->
<div id="ticker" style="position:absolute;"></div>
<!-- Explorer - Listing -->
<!-- <div id="ticker" align="center"></div> -->
</body>
</html>
weiss jemand die Lösung, wie man auf einer HTML-Code zwischen <div> </div> auf
einer Befehl macht ?? Die Texte soll nicht von links, dann nach rechts laufen, sondern
immer direkt in der mitte positionieren !!
Marco
Hallo Marco,
Du mußt eigentlich nur die Style-Definitionen im eigenen Bereich definieren(und nicht im div-tag).Sieht folgendermaßen aus:
...
<script>
...
</script>
<style type="text/css">
#ticker{position:absolute}
</style>
</head>
<body onLoad="start_ticker();">
<div id="ticker" align="center"></div>
</body>
</html>
Hoffentlich hilfts Dir
Hartmann
danke für die Meldung. DIe Scripte habe ich allerdiengst in der Firma :o) . Ich werde dies morgen ausprobieren, hoffentlich klappt‚s dann
Danke!