warum bleibt das Banner nicht in der Tabelle?


  • taurus
  • 695 Aufrufe 3 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • warum bleibt das Banner nicht in der Tabelle?

    Problem:
    nachstehendes Script funktioniert gut (allerdings nicht im Firefox)
    sobald ich es allerdings in eine Tabelle einbinde, läuft es trotzdem über den ganzen Bildschirm :mad:

    Lösungswunsch:
    1. das Laufband soll innerhalb der Tabelle bleiben
    2. das Script sollte auch im Firefox funktionieren


    Hinweis:
    in der Vorschau in Adobe GoLive bleibt das Laufband innerhalb der Tabelle :confused: im IE7 jedoch nicht

    Quellcode

    1. <table>
    2. <tr><td><script type="text/javascript"><!--
    3. /* * * * * * * * * * * * * * * * D I E V A R I A B L E N * * * * * * * * * * * * * * * * * */
    5. //°°°°°°°°°°Die News
    7. tNews=new Array();
    8. tNews.push('<a href="http://www.modul-global.de/spitzhuettl-de/globalwohnen/astartseiten/index.php" target="_blank"><img src="Images/gwohnen_rgb.jpg" alt="" height="77" width="77" border="0" /></a>');
    9. tNews.push('<a href="http://http://www.modul-global.de/spitzhuettl-de/globalwohnen/astartseiten/index.php" target="_blank"><img src="Images/gshop_rgb.jpg" alt="" height="77" width="77" border="0" /></a>');
    10. //tNews.push('<b style="color:#012F85">Wunschtext kann überall eingefügt werden</b>');
    11. tNews.push('<a href="http://www.modul-natura.de/spitzhuettl-de/auebersichtsseiten/index.php" target="_blank"><img src="Images/LogoNatura.jpg" alt="" height="77" width="250" border="0" /></a>');
    12. tNews.push('<img src="Images/LogoMeisterstuecke.jpg" alt="" height="77" width="252" border="0" />');
    13. tNews.push('<img src="Images/Culina.jpg" alt="" height="77" width="255" border="0" />');
    14. tNews.push('<a href="http://www.huelsta.net" target="_blank"><img src="Images/huelsta_logo.gif" alt="" height="30" width="140" border="0" /></a>');
    15. tNews.push('<a href="http://www.musterring.de/" target="_blank"><img src="Images/logo-musterring.gif" alt="" height="77" width="60" border="0" /></a>');
    16. tNews.push('<a href="http://www.modul-modernart.de/spitzhuettl-de/001startseiten/3.php/" target="_blank"><img src="Images/001contursolo.gif" alt="" height="77" width="48" border="0" /></a>');
    20. //°°°°°°°°°°Laufrichtung(up,down,left,right)
    21. strDir ='right';
    23. //°°°°°°°°°°Delimiter zwischen den einzelnen News(nur bei left/right)
    24. strDelimiter='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
    26. //°°°°°°°°°°Interval in ms
    27. intInterval =20;
    29. //°°°°°°°°°°Stop bei mouseover?true:false
    30. blnStopHover=true;
    32. //°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1
    33. intRepeat =10;
    35. //°°°°°°°°°°Rahmen
    36. strBorder ='false';
    38. //°°°°°°°°°°Breite
    39. intWidth =500;
    41. //°°°°°°°°°°Höhe
    42. intHeight =80;
    44. //Abstand Rahmen->Inhalt
    45. intPadding =4;
    47. //Background-color
    48. strBgc ='#ffffff';
    50. //Text-color
    51. strTxtc ='#000000';
    53. //Textausrichtung
    54. strAlign ='left';
    56. //Schritt pro Durchlauf(px)
    57. intStep=1;
    61. /* * * * * * * * * * * * * * * * * * D E R T I C K E R * * * * * * * * * * * * * * * * * * * * * */
    63. //IE ab V4?
    64. IE=document.all&&!window.opera;
    65. //DOM-Browser(ausser IE)
    66. DOM=document.getElementById&&!IE;
    69. //läuft ab IE4 und in DOM-Browsern
    70. if(DOM||IE)
    71. {
    72. //Ermitteln, ob Ticker horizontal oder vertikal laufen soll
    73. blnDir=(strDir=='up'||strDir=='down')?true:false;
    75. //Bei horizontalem Ticker wird ein nobr-, ansonsten ein div-Tag verwendet
    76. strNobr=(blnDir)?'div':'nobr';
    78. //Trennzeichen zwischen den Einzelnen Eintraegen
    79. //bei horizontalem Ticker gemäss Angabe in Variale strDelimiter
    80. //Ansonsten Zeilenumbrueche
    81. strDelimiter=(blnDir)?'<br><br>':strDelimiter;
    83. //String fuer Textausrichtung bei vertikalem Ticker
    84. strAlign=(blnDir)?'text-align:'+strAlign+';':'';
    86. //Variable zum Speichern des Intervals
    87. var objGo;
    88. //Variable zum Speichern der Position
    89. intPos=0;
    91. //String erzeugen fuer JS-Code, falls Ticker beim mouseover stoppen soll
    92. strStopHover=(blnStopHover)?'onmouseover="clearInterval(objGo)"onmouseout="objGo=setInterval(\'DM_ticken()\','+intInterval+')"':'';
    94. //Tickertext zu String zusammenfuegen
    95. strText=(blnDir)?tNews.join(strDelimiter)+strDelimiter:tNews.join(strDelimiter)+strDelimiter;
    96. strNews=strText;
    97. for(i=1;i<intRepeat;++i)
    98. {
    99. strNews+=strText;
    100. }
    102. //TickerCode zu String zusammenfuegen
    103. strTicker='<div style="'+strAlign+'overflow:hidden;background-color:'+strBgc+
    104. ';border:'+strBorder+';width:'+intWidth+'px;height:'+intHeight+'px;padding:'+intPadding+
    105. 'px;"><'+strNobr+'><span id="ticker"style="position:relative;color:'+strTxtc+';background-color:'+strBgc+
    106. ';"'+strStopHover+'>'+strNews+'</span></'+strNobr+'></div>';
    108. //TickerCode im Dokument ausgeben
    109. document.write(strTicker);
    111. //Funktion, um Ticker ticken zu lassen
    112. function DM_ticken()
    113. {
    114. //Ticker-Objekt je nach Browser ermitteln
    115. objTicker=(IE)?document.all.ticker:document.getElementById('ticker');
    117. //Array fuer zu manipulierende Eigenschaften des Tickers je nach Richtung
    118. //Richtung=new Array(Pixelwert zur Aenderung der Position,Breite/Höhe des Tickers,zu andernder Positionswert);
    119. arrDir=new Array();
    120. arrDir['up'] =new Array(-1,objTicker.offsetHeight,'top');
    121. arrDir['down'] =new Array(1,objTicker.offsetHeight,'top');
    122. arrDir['left'] =new Array(1,objTicker.offsetWidth,'left');
    123. arrDir['right'] =new Array(-1,objTicker.offsetWidth,'left');
    125. //Ermitteln von Breite bzw. Höhe der anzuzeigenden Items
    126. dblOffset=arrDir[strDir][1]/intRepeat;
    128. //Neuen Positionswert ermitteln
    129. switch(strDir)
    130. {
    131. case'right':
    132. intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break;
    133. case'left':
    134. intPos=(intPos>0)?-dblOffset:intPos;break;
    135. case 'up':
    136. intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break;
    137. case 'down':
    138. intPos=(intPos>0)?-dblOffset:intPos;break;
    139. }
    140. //Neuen Positionswert zuweisen
    141. objTicker.style[arrDir[strDir][2]]=intPos;
    143. //Positionswert hoch/heruntersetzen
    144. intPos+=intStep*arrDir[strDir][0];
    145. }
    146. //Erneut ticken lassen
    147. objGo=setInterval('DM_ticken()',intInterval);
    148. }
    149. //-->
    150. </script></td></tr></table>
    Alles anzeigen