ShortyLE: Lauftext

Beitrag lesen

Hi,

bin in Sachen HTML, JS, ect. nicht wirklich bewandert.

Jedoch habe ich einen Ticker gefunden der mir von seinen Funktionen zusagt.

Der Ticker läuft von rechts nach links und wiederholt sich 2 mal um keine Lücke zu haben.
Problem ist nur, wenn man die Ticker mit mehr Text befüllt, dass er rechts außerhalb des Bildschirmrandes beginnt. (an horizontaler Scrollbar zu erkennen) Die Bildschirmauflösung beträgt 1920x1080.

Der Wert bei tWidth ändert ja nur den Rahmen (den ich ausgeblendet habe) um die Laufschrift, jedoch begrenzt er nicht die ganze Größe.

Ich hätte es gern so, dass der Ticker als Bespiel rechts bei Pixel 1900 beginnt und links bei Pixel 20 endet.

Habe auch schon versucht das ganze in ein <div> zu packen

<div style="width:1880px; overflow:hidden;"> SCRIPT </div>  

leider startet es auch hier noch außerhalb des Bildschirm.

Wie kann ich das realisieren?

Beste Grüße
ShortyLE

<script type="text/javascript">  
<!--  
/* * * * * * * * * * * * * * D I E  V A R I A B L E N * * * * * * * * * * * * * * * * * */  
tNews=new Array();  
  
//°°°°°°°°°°Die News  
tNews[0]='Ticker I';  
tNews[1]='Ticker II';  
tNews[2]='Ticker III';  
tNews[3]='Ticker IV';  
  
//°°°°°°°°°°Delimiter zwischen den einzelnen News  
tDelimiter  ='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; + + + &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ';  
  
//°°°°°°°°°°Interval in ms  
tInterval   =10;  
  
//°°°°°°°°°°Stop bei mouseover?true:false  
tStop       =true;  
  
//°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1  
tRepeat     =2;  
  
//°°°°°°°°°°Rahmen  
tBorder     ='0px solid #818181';  
  
//°°°°°°°°°°Breite  
tWidth      =300;  
  
//Abstand Rahmen->Inhalt (top+bottom)  
tPadding    =1;  
  
//Das Aussehen per CSS anpassbar unter Verwendung des Selectors #ticker  
  
  
/* * * * * * * * * * * * * * * * D E R  T I C K E R * * * * * * * * * * * * * * * * * */  
IE=document.all&&!window.opera;DOM=document.getElementById&&!IE;  
if(DOM||IE)  
    {  
    var tGo;tPos=0;tStop=tStop?'onmouseover="clearInterval(tGo)"'+  
    'onmouseout="tGo=setInterval(\'DM_ticken()\','+tInterval+')"':'';  
    tTxt=tDelimiter+tNews.join(tDelimiter);tNews=tTxt;  
    for(i=1;i<tRepeat;++i){tNews+=tTxt;}document.write  
    ('<div style="overflow:hidden;border:'+tBorder+';width:'+  
     tWidth+'px;padding:'+tPadding+'px 0px '+tPadding+'px 0px;">'+  
     '<nobr><span id="ticker"style="position:relative;font-size:120%;overflow:hidden;font-weight:bold;color:#FF0000;"'+tStop+'>'+  
     tNews+'</span></nobr></div>');  
    tObj=IE?document.all.ticker:document.getElementById('ticker');  
    function DM_ticken(){tOffset=tObj.offsetWidth/tRepeat;  
    if(Math.abs(tPos)>tOffset){tPos=0;}tObj.style.left=tPos;tPos--;}  
    tGo=setInterval('DM_ticken()',tInterval);  
    }  
//-->  
</script>