Javascript funktioniert nicht in Tabellenzelle
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abruf
all
allerlei
ansicht
aufruf
code
dom
erscheinen
form
forum
http
jemanden
liebes wort
opus
problem
rahmen
streitigkeit
verwendung
warnung
werbung
-
Habe ein Problem: Das Javascript eines speziellen NewsTickers(ist in Datei 'Ticker.js' ausgelagert) wird in einer Tabellenzelle aufgerufen,um auch auf der HP-Seite dort zu erscheinen, wo es hin soll(unten in der Mitte). Aber bei Aufruf der Seite erscheint der Ticker immer ganz oben über der gesamten Tabelle Kann mir da jemand helfen? hier der Code:
<!doctype html public "-//W3C//DTD HTML 4.01 //EN"> <html> <head> <title>Waldgeflüster</title> <script type="text/javascript" language="javascript" src="Ticker.js"></script> <script language="javascript" type="text/javascript"> function Sound(url) { if(!url) { document.getElementById("sound").innerHTML= ""; } else { document.getElementById("sound").innerHTML= "<embed src='" + url + "' autostart='true' loop='false' hidden='true' width='1' height='1'</embed>"; } } </script> <style type="text/css"> <!-- a.menu { display:block; padding:1px; border-top:1px solid #030; background-color:#ff9; font-size:14pt; font-face:Helvetica; font-weight:bold; text-align:center; text-decoration:none; } a.menu:link, a.menu:visited { color:#003300; background-color:#ffff99; font-weight:bold; } a.menu:hover { color:#ffff99; font-weight:bold; background-color:#003300; } a.menu:focus, a.menu:active { color:#003300; font-weight:bold; background-color:#00ff00; } #menucontainer {border:1px solid #030; background-color:#ffff99; width:150px; } #pos1 {background-image:url(Bilder/Rechts.jpg); background-repeat:no-repeat; border:2px solid #030;} p.info { border:6px ridge #060; background-color:#ff9; width:140px; text-align:center; font-size:12pt; font-color:#030; font-family:Helvetica; margin:0px;} #ticker {font-family:Maiandra GD; font-color:#030; font-size:20pt; font-weight:bold;} --> </style> </head> <body bgcolor="#003300"> <table cellpadding="0" cellspacing="0" width="100%" bgcolor="#99CC00"> <tr> <td valign="top" colspan="3"><img src="Bilder/Header2.jpg"></td> </tr> <tr> <td align="left" width="150"> <div id="menucontainer"><a class="menu" href="Dichter.html" target="Fensterlein" onclick="Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt= "#########">Der Wanderer</a> <a class="menu" href= "WaldGedicht.html" target="Fensterlein" onclick= "Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt="#########">Die Gedichte</a> <a class= "menu" href="Geschi.html" target="Fensterlein" onclick= "Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt="#########">Geschichten</a> <a class="menu" href="Spruch.html" target="Fensterlein" onclick= "Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt="#########">Sprüche</a> <a class="menu" href= "Allerlei.html" target="Fensterlein" onclick="Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt="click">Allerlei</a> <a class="menu" href="Kontakt.html" target="Fensterlein" onclick="Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt= "#########">Kontakt</a> <a class="menu" href="Impressum.html" target= "Fensterlein" onclick="Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt= "#########">Impressum</a></div> <img src="Bilder/Links.jpg"></td> <td align="center" width="685" height="481"><iframe src="startseite.html" name="Fensterlein"width="692" height="476" border="0"></iframe></td> <td align="center" valign="top" width="150"><div id="pos1"><iframe src="http://www.shoutbox4u.de/shoutbox.php?id=455" width="146" height="351" frameborder="0" scrolling="auto"><a href="javascript:void(0);" onClick="window.open('http://www.shoutbox4u.de/shoutbox.php?id=455', 'shoutbox', 'width=146,height=351');">Shoutbox zeigen</a></iframe></div> <img src="Bilder/Textfeld.jpg"></td> </tr> <tr> <td align="left" width="150" height="65" bgcolor="#99CC00" padding="2"><center><a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1220476755" style="border:none" alt="Counter"></a></center></td> <td align="center" width="690" height="65" bgcolor="#99CC00"><script type="text/javascript" language="JavaScript><!-- DM_ticken(); //--></script></td> <td align="right" width="150" height="65" bgcolor="#99CC00"><center><font size="4" color="#003300" face="Helvetica">© Bernd Schmidt 2008</font></center></td> </tr> </table> <div id="sound"></div> </body> </html>
vieln Dank im Voraus
Benny
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hier der Code der Ticker.js:
tNews=new Array(); //°°°°°°°°°°Die News tNews.push(' Ein liebes Wort zur rechten Zeit beendet manche Streitigkeit! '); tNews.push(' Ein liebes Wort zur rechten Zeit beendet manche Streitigkeit! '); //°°°°°°°°°°Delimiter zwischen den einzelnen News tDelimiter =' <img src="Bilder/000641.gif"> '; //°°°°°°°°°°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 '; //°°°°°°°°°°Breite tWidth =600; //°°°°°°°°°°Höhe tHeight =50; //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;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); }
Habe ich aus einem anderen Forum übernommen und angepasst
Benny -
ja gut, werde nächstes Mal so lange Codes gleich als Link anbieten.
Und wer sich den Code jetzt nochmal ohne Werbung anschauen möchte, hier ist der Link: http://wanderlyrik.de/Tickercode.txt
In der Firefoxfehlerkonsole werden keine Fehler angezeigt. Nur ein paar Warnungen.Und bereinigt im Browser läuft der Ticker weiterhin obendrüber.
Auf der Originalseite http://www.wanderlyrik.de habe ich unten zur zeit eine Laufschrift in marquee-Form - ruckt halt ziemlich und hat diese lücke, bis alles verschwunden ist, ehe es wieder beginnt.
Der neue ticker ist endlos und läuft ruhiger, nur eben noch nicht da wo er soll.Ach und unten rechts der Copyrightvermerk ist auch dadurch verschwunden. Hier ist eine Ansicht der Seite mit neuem ticker: http://wanderlyrik.de/Waldgefluester.html
Gruß Benny
Beitrag geändert: 27.9.2008 22:09:57 von benny66 -
Problem ist gelöst! Habe in einem anderen Forum Hilfe bekommen. Falls es jemanden interessiert, der Abruf der Ticker.js muß dort hingeschrieben werden, wo er erscheinen soll, also unten in die Tabelle. Sieht dann so aus:
<td align="center" width="690" height="65" bgcolor="#99CC00"> <script type="text/javascript" language="javascript" src="Ticker.js">DM_ticken();</script></td>
Gruß Benny
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage