[GELÖST] Lauftext als Java Script Mehrmals auf einer Seite abspielen funktioniert nicht- HILFE

[pcpaul]

Hallo,

ich habe ein ein Java Script eingebunden auf meine HTML seite.

tNews=new Array();
//<![CDATA[
tNews.push('<a href="http://forum.jswelt.de/images/slider/images/tour1_1.jpg" rel="lytebox" title="Rothenburg Tour 1 Foto 1" To><img src="http://forum.jswelt.de/images/slider/thumbs/tour1_1.jpg" /></a>');

tNews.push('<a href="http://forum.jswelt.de/images/slider/images/tour1_2.jpg" rel="lytebox" title="Rothenburg Tour 2 Foto 1"><img src="http://forum.jswelt.de/images/slider/thumbs/tour1_2.jpg" /></a>');

tNews.push('<a href="http://forum.jswelt.de/images/slider/images/tour1_3.jpg" rel="lytebox" title="Rothenburg Tour 3 Foto 1"><img src="http://forum.jswelt.de/images/slider/thumbs/tour1_3.jpg" /></a>');

tNews.push('<a href="http://forum.jswelt.de/images/slider/images/tour1_4.jpg" rel="lytebox" title="Rothenburg Tour 4 Foto 1"><img src="http://forum.jswelt.de/images/slider/thumbs/tour1_4.jpg" /></a>');

tNews.push('<a href="http://forum.jswelt.de/images/slider/images/tour1_5.jpg" rel="lytebox" title="Rothenburg Tour 5 Foto 1"><img src="http://forum.jswelt.de/images/slider/thumbs/tour1_5.jpg" /></a>');

//]]>



//∞∞∞∞∞∞∞∞∞∞Delimiter zwischen den einzelnen News
tDelimiter  =' ';

//∞∞∞∞∞∞∞∞∞∞Interval in ms
tInterval   =20;

//∞∞∞∞∞∞∞∞∞∞Stop bei mouseover?true:false
tStop       =true;

//∞∞∞∞∞∞∞∞∞∞Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1
tRepeat     =2;

//∞∞∞∞∞∞∞∞∞∞Rahmen
tBorder     ='0px';

//∞∞∞∞∞∞∞∞∞∞Breite
tWidth      =780;

//∞∞∞∞∞∞∞∞∞∞Hˆhe
tHeight     =200;

//Abstand Rahmen->Inhalt (top+bottom)
tPadding    =10;




/* * * * * * * * * * * * * *         D E R  T I C K E R       * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * ab hier bitte nichts mehr ‰ndern * * * * * * * * * * * * * * * * * * */

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;height:' + tHeight + 'px;' +
                       'padding:' + tPadding + 'px 0px ' + tPadding + ' px 0px;">' +
                       '<div style="position:absolute;width:' + tWidth + 'px;height:' + tHeight + 'px;'+
                       'overflow:hidden;clip:rect(0px '+tWidth+'px '+tHeight+'px 0px)">'+
                       '<span id="ticker"style="white-space:nowrap;position:relative;"' + tStop + '>' + tNews +
                       '</span></div></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+'px';
        tPos=parseInt(tPos)-1;
      }
   
    tGo=setInterval('DM_ticken()',tInterval);
    }

diesen binde ihr hier auf meine HTML seite ein:

HTML:

<div id="slider_tour1">
<script type="text/javascript" src="http://forum.jswelt.de/images/slider/slider_rothenburg.js"></script> </div>

Mein Problem jetzt,

wenn ich den Mehrmals auf eine HTML seite einbinden will (mehrere Lauftexte, dann funktioniert es nicht mehr)

könnte mir jmd helfen?

Danke

- - - Aktualisiert - - -

Ups, ich habe irgendwie 2 gleiche Beiträge erstellt, bitte den hier löschen

http://forum.jswelt.de/javascript/6...rmals-seite-abspielen-funktioniert-hilfe.html

danke

 

[TecEye]

du brauchst eindeutige IDs

 

[pcpaul]

du brauchst eindeutige IDs

wie meinst du das,

<div id="slider_tour1"> habe ich auch geändert, ging auch net

 

[rico2009]

Ich schließe den anderen Beitrag, hier hat TecEye schon die richtige Lösung gepostet

 

[TecEye]

Du musst dem Slider (der übrigens nicht der tollste ist) sagen, dass er eben in deinen slider_tour1 container schreiben soll

 

[mikdoe]

@rico: wenn man nach der freischaltung sofort etwas antwortet gibt es kein problem. deshalb schreib ich immer dieses doofe *freigeschaltet*
Hab den anderen thread gelösch wie gewünscht.

 

[pcpaul]

Du musst dem Slider (der übrigens nicht der tollste ist) sagen, dass er eben in deinen slider_tour1 container schreiben soll

Hi, ich verstehe es zwar noch nicht so ganz. Aber vlt hilft mir dein Stichpunkt "eindeutige ID" was:

document.write('<div style="overflow:hidden;border:' + tBorder +
                       ';width:' + tWidth + 'px;height:' + tHeight + 'px;' +
                       'padding:' + tPadding + 'px 0px ' + tPadding + ' px 0px;">' +
                       '<div style="position:absolute;width:' + tWidth + 'px;height:' + tHeight + 'px;'+
                       'overflow:hidden;clip:rect(0px '+tWidth+'px '+tHeight+'px 0px)">'+
                       '<span id="ticker"style="white-space:nowrap;position:relative;"' + tStop + '>' + tNews +
                       '</span></div></div>');

hier muss ich sicherlich die eindeutige ID auf Span legen

tObj = IE ? document.all.ticker : document.getElementById('ticker');

Findet wahrscheinlich mein Element nicht mehr, weil es dann ticker ja mehrmals geben würde.
Wenn ich es dann über Tour1.js Tour2.js mehrmals über die <DIV> einbinde, dann muss ich also ticker1, ticker2 oder so nehmen.

Ist das richtig?

ps. ich probiers einfach mal aus, sonst bräuchte ich einfach mal hilfe :_)

 

[tsseh]

das script ist uralt, was du allein an diesem code siehst:

tObj = IE ? document.all.ticker : document.getElementById('ticker');

browser die getElementById nicht unterstützen gibt es nicht (mehr).

deine ticker sind mit https://api.jquery.com/animate/ eigentlich recht einfach zu realisieren.

 

[pcpaul]

das script ist uralt, was du allein an diesem code siehst:

tObj = IE ? document.all.ticker : document.getElementById('ticker');

browser die getElementById nicht unterstützen gibt es nicht (mehr).

deine ticker sind mit https://api.jquery.com/animate/ eigentlich recht einfach zu realisieren.

Moin, hatte ich gestern dann auch rausgefunden, hatte dann alles mit jquery realisiert.

kann auf gelöst gestellt werden