Laufschrift läuft über Seitenrand hinaus ... wie kann ich ihn begrenzen?

[shortyle]

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, 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.

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]='Neu bei <a href="http://www.tutorials.de">tutorials.de</a>...noch nen Ticker!';
tNews[1]='Der Ticker tickt jetzt nicht mehr,sondern rollt :o)';
tNews[2]='im Rahmen der allgemeinen Sparmassnahmen wurde der Code weiter dezimiert';
tNews[3]='Update in der Morgend&auml;mmerung:jetzt tickt er auch in Tabellen!';

//°°°°°°°°°°Delimiter zwischen den einzelnen News
tDelimiter  =' + + + ';

//°°°°°°°°°°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;"'+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>

 

[SpiceLab]

Dazu muß der Ticker in ein <div>-Element eingebettet werden, das mittels CSS die gewünschte Breite bzw. Positionsangaben erhält.

In etwa so:

<div id="tickerWrap"><!-- Hier folgt das Ticker-Script --></div>

div#tickerWrap 
{
    position:absolute;
    left:20px;
    right:1900px;
}

 

[shortyle]

Danke für die Antwort.

Leider hab ich es nicht hinbekommen.
Die Laufschrift startet noch immer außerhalb des Bildschirm.

Versucht habe ich es nun wie folgt...

{html}
<div id="tickerWrap">
<script type="text/javascript">
...
Script
...
</script>
</div>
<style type="text/css">
div#tickerWrap 
{
    position:absolute;
    left:20px;
    right:1900px;
}
</style>
{html}