Fehler bei JavaScript/DHTML
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
august
buchen
code
copyright
ende
entsetzlichen ferien
essen
folge
info
information
inhalt
linke box
memory
reihe
schatten
september
sylvester
titelsong
url
verwenden
-
Hi Leute,
Ich habe jeute versucht, ein Script zu schreiben, das bewirkt, dass wenn jemand auf einen Monat klickt, die Ereignisse dieses Monates aufgelistet werden. Mit dem Einen Monat habe ich es geschafft, der zweite Monat klapp aber nicht, ich kann den Fehler jedoch nicht finden... Kann mir einer helfen?
Hier der Code (sorry, leicht unübersichtlich)
<!--<h5><u>17.08.2011</u></h5> <h4>Wir haben angefangen, Sylvester Alone aufzunehmen</h4> <br> <h5><u>17.08.2011</u></h5> <h4>Es gibt eine neue "Reihe": Crazy... Informationen findet ihr unter <a href="Info.html">Info</a></h4> <br> <h5><u>17.08.2011</u></h5> <h4>Wir haben angefangen, The Five aufzunehmen. <a href="info.html">Infos zu The Five</a></h4> <br> <h5><u>17.08.2011</u></h5> <h4>Es gibt viele, tolle neue Blubbcasts! <a href="Downloads.html">Schaut rein!</a></h4> <br> <h5><u>25.08.2011</u></h5> <h4>Wir haben unseren ersten <b>Soundcheck</b> hochgeladen! Soundcheck Folge 1: Die drei ??? Folge 148. <a href="Weiteres.html">Info und Download</a></h4> <br> <h5><u>27.08.2011</u></h5> <h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 2: Far Cry. <a href="Weiteres.html">Info und Download</a></h4> <br> <h5><u>28.08.2011</u></h5> <h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 3: Die Ferienbande und die entsetzlichen Ferien. <a href="Weiteres.html">Info und Download</a></h4> <br> <h5><u>28.08.2011</u></h5> <h4>Blubbcast Folge 5 ist da!!! Thema: ESSEN!!! <a href="Blubbcast.html">Info und Download</a></h4> <br> <h5><u>29.08.2011</u></h5> <h4>Wir haben den Titelsong für "The Five Folge 1 - Das Buch der Vaiden" hochgeladen!!! <a href="Weiteres.html">Info und Download</a></h4> --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="robots" content="INDEX,FOLLOW"> <meta name="keywords" content="Infinitysounds,Hörspiele,Chaosmas,Hörbücher,Kinder,Spaß,Erwachsene,Drama,Komödie,Tragödie"> <meta name="description" content="Infinitysounds.de—Hörspiele, Hörbücher, Mitmachen" > <title>News auf InfinitySounds.de</title> <!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ --> <!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen --> <link rel="stylesheet" href="format.css" type="text/css"> <link rel="stylesheet" href="menue.css" type="text/css"> <link rel=icon href="images/infinitysounds.png" type="image/vnd.microsoft.icon" /> <script type="text/javascript"> function august_11() { document.getElementById("august").innerHTML="<h5><u>17.08.2011<\/u><\/h5><h4>Wir haben angefangen, Sylvester Alone aufzunehmen<\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Es gibt eine neue \"Reihe\": Crazy... Informationen findet ihr unter <a href=\"Info.html\">Info<\/a><\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Wir haben angefangen, The Five aufzunehmen. <a href=\"info.html\">Infos zu The Five<\/a><\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Es gibt viele, tolle neue Blubbcasts! <a href=\"Downloads.html\">Schaut rein!<\/a><\/h4><br><h5><u>25.08.2011<\/u><\/h5><h4>Wir haben unseren ersten <b>Soundcheck<\/b> hochgeladen! Soundcheck Folge 1: Die drei ??? Folge 148. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>27.08.2011<\/u><\/h5><h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 2: Far Cry. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>28.08.2011<\/u><\/h5><h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 3: Die Ferienbande und die entsetzlichen Ferien. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>28.08.2011<\/u><\/h5><h4>Blubbcast Folge 5 ist da!!! Thema: ESSEN!!! <a href=\"Blubbcast.html\">Info und Download<\/a><\/h4> <br><h5><u>29.08.2011<\/u><\/h5><h4>Wir haben den Titelsong für \"The Five Folge 1 - Das Buch der Vaiden\" hochgeladen!!! <a href=\"Weiteres.html\">Info und Download<\/a><\/h4>"; } function september_11() { document.getElementById("september").innerHtml="<br><h5><u>03.09.2011<\/u><\/h5> <h4>Wir haben \"Die Traumleiter\" von Robin Gerull hochgeladen!!! <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br> <h5><u>03.09.2011<\/u><\/h5> <h4>Wir haben das Kurzhörbuch \"Memories\" von Luise Leithäuser hochgeladen!!! <a href=\"Books.html\">Info und Download<\/a><\/h4>"; } /*Monate = new array(august_11(),september_11()); function getTheContents() { var x; var divArray = document.getElementsByTagName("h4"); for(x=0;x<=divArry.length;x++) { for (var i = 0; i<divArray.length; i++){ if (divArray[i].class=""+x+"") return divArray[i].innerHTML; } } } function remove() { var y; getTheContents(); for(y=0;y<=divArray.length;y++) { getElementsByClass(""+y+"").innerHTML=divArray[y]; } } */ </script> </head> <!--[if gte IE 5]> <link href="scrollbar.css" rel="stylesheet" type="text/css"/> <![endif] --> <body > <table align="center" id="breite" cellspacing="0" cellpadding="0" border="0" > <tr> <!--ende aussentab--> <td align="center" width="100%" > <!--schatten um die seite oben --> <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="s1"><img src="images/s1.jpg" width="22" height="22" border="0" alt=""></td> <td id="s2"><img src="images/s2.jpg" width="22" height="22" border="0" alt=""></td> <td id="s3"><img src="images/s3.jpg" width="22" height="22" border="0" alt=""></td> </tr> <tr> <td id="s4back"><img src="images/s4.jpg" width="22" height="22" border="0" alt=""></td> <td id="haupt" > <!--ende schatten um die seite oben --> <!--kopf--> <table width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="top2" ><table width="100%" align="center" id="menu1" border="0" cellpadding="0" cellspacing="0" > <tr> <td align="center" width="20%" ><a href="index.html" >Home</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="info.html" >Info</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="News.html" >News</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="Impressum.html" >Impressum</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="Kontakt.html" >Kontakt</a></td> </tr> </table> <!-- ende menü oben--></td> </tr> <tr> <td id="top3" > </td> </tr> </table> <!--ende oben--> <!-- inhalt--> <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="nav" > <div class="nav_un"> </div> <div class="nav_ob"> </div> <!-- menü links --> <table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="index.html" >Home</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="info.html" >Info</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="News.html" >News</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Aktuelle Produktionen.html">Aktuelle Produktionen</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Downloads.html" >Downloads</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Scripte.html" >Scripts</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <!-- ende menü links --> <div class="nav_un"> </div> <div class="nav_ob"> </div> <!-- menü links --> <table align="center" id="menu2b" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="Rollen.html" >Mach Mit!</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Sponsoren.html" >Sponsoren</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Ueber Uns.html" >Über uns</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Links.html" >Links zu anderen Websites</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="AGB.html" >Lizenz</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <!-- ende menü links --> <div class="nav_un"> </div> <div class="nav_ob" > </div> <table align="center" id="menu2c" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="Sprecher.html" >Unsere Sprecher</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Partner.html" >Unsere Partner</a> </td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <div style="margin-top:31px;"><script src="http://www.freevisits.de/script/text/t_script.php?id=2681&w=2&bid=2847"></script></div> <!-- spaltenbreite linke box --> <div id="nav_breite"> </div> <!-- ende spaltenbreite linke box --> </td> <td valign="top" id="textbox"> <h2>News bei Infinitysounds.de</h2> <p>Auf dieser Seite stehen die wichtigsten Neuigkeiten, die ganz rechts stehen überall, was weiter unten steht sind im Prinzip nur Extra- Informationen... <br>Wenn du uns auf Facebook likest, bekommst du die allerneuesten Infos bar auf die Kralle...</p> <br> <h3><i>Neuigkeiten</i></h3> <h4 id="august" onclick="august_11();">Klick: August 2011</h4> <h4 id="september" onmouseover="september_11();">Klick: September 2011</h4> <!-- <br> <h5><u>03.09.2011</u></h5> <h4>Wir haben "Die Traumleiter" von Robin Gerull hochgeladen!!! <a href="Weiteres.html">Info und Download</a></h4><br> <h5><u>03.09.2011</u></h5> <h4>Wir haben das Kurzhörbuch "Memories" von Luise Leithäuser hochgeladen!!! <a href="Books.html">Info und Download</a></h4>--> <a href="http://www.twitter.com/Infinitysoundss"><strong><img src="http://twitter-badges.s3.amazonaws.com/twitter-a.png" border="0" /></strong></a> <iframe src="http://www.facebook.com/plugins/like.php?app_id=258240670866484&href=href%3Dhttp%3A%2F%2Fwww.facebook.com%2Fpages%2FInfinitysoundsde%2F172612072776009&send=false&layout=button_count&width=50&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:76px; height:21px;" allowTransparency="true"></iframe> </td> </tr> </table> <!-- ende inhalt--> <!-- fuss--> <table width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="fuss_un" > </td> </tr> </table> </td> <!-- schatten um die seite unten --> <td id="s6back"><img src="images/s6.jpg" width="22" height="22" border="0" alt=""></td> </tr> <tr> <td id="s7"><img src="images/s7.jpg" width="22" height="22" border="0" alt=""></td> <td id="s8"><img src="images/s8.jpg" width="202" height="22" border="0" alt=""></td> <td id="s9"><img src="images/s9.jpg" width="22" height="22" border="0" alt=""></td> </tr> </table> <!--ende schatten um die seite unten --> </td> </tr> </table> </body> </html>
Danke im Voraus
Grüße,
InfinitySounds -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du musst aus innerHtml innerHTML machen, dann tut das auch.
Edit: Und wieso du beim einen Menüpunkt onclick und beim anderen onmouseover verwendest, ist mir auch nicht klar.
Beitrag zuletzt geändert: 9.9.2011 21:32:50 von drafed-map -
Oh, danke... das hat geholfen... Blind durchs leben gehen...
Das mit dem Onmouseover war zu testzwecken, ich kenne mich noch nicht so gut aus mit JS ;)
noch ne frage:
Ich habe hinter den Funtionen einen Comment, der ebenfalls Funktionen beinhaltet, könntet ihr den mal checken, ob der funzen würde?
Das Ziel ist, dass wenn ich einen der beiden aufrufe, der andere geschlossen wird, also klicke ich auf August und september ist offen, schließt sich september und august öffnet sich -
Das kann nicht funktionieren. Zum Einen sind die Variablen x und y nicht gesetzt und zum Anderen musst du in diesen Fällen immer "kleiner als" verwenden und nicht "kleiner als oder gleich wie".
-
drafed-map schrieb:
Das kann nicht funktionieren. Zum Einen sind die Variablen x und y nicht gesetzt und zum Anderen musst du in diesen Fällen immer "kleiner als" verwenden und nicht "kleiner als oder gleich wie".
Hmmm.... diese beiden Fehler habe ich beseitigt, funktioniert trotzdem nicht, ich poste nochmal den veränderten code
<!--<h5><u>17.08.2011</u></h5> <h4>Wir haben angefangen, Sylvester Alone aufzunehmen</h4> <br> <h5><u>17.08.2011</u></h5> <h4>Es gibt eine neue "Reihe": Crazy... Informationen findet ihr unter <a href="Info.html">Info</a></h4> <br> <h5><u>17.08.2011</u></h5> <h4>Wir haben angefangen, The Five aufzunehmen. <a href="info.html">Infos zu The Five</a></h4> <br> <h5><u>17.08.2011</u></h5> <h4>Es gibt viele, tolle neue Blubbcasts! <a href="Downloads.html">Schaut rein!</a></h4> <br> <h5><u>25.08.2011</u></h5> <h4>Wir haben unseren ersten <b>Soundcheck</b> hochgeladen! Soundcheck Folge 1: Die drei ??? Folge 148. <a href="Weiteres.html">Info und Download</a></h4> <br> <h5><u>27.08.2011</u></h5> <h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 2: Far Cry. <a href="Weiteres.html">Info und Download</a></h4> <br> <h5><u>28.08.2011</u></h5> <h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 3: Die Ferienbande und die entsetzlichen Ferien. <a href="Weiteres.html">Info und Download</a></h4> <br> <h5><u>28.08.2011</u></h5> <h4>Blubbcast Folge 5 ist da!!! Thema: ESSEN!!! <a href="Blubbcast.html">Info und Download</a></h4> <br> <h5><u>29.08.2011</u></h5> <h4>Wir haben den Titelsong für "The Five Folge 1 - Das Buch der Vaiden" hochgeladen!!! <a href="Weiteres.html">Info und Download</a></h4> --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="robots" content="INDEX,FOLLOW"> <meta name="keywords" content="Infinitysounds,Hörspiele,Chaosmas,Hörbücher,Kinder,Spaß,Erwachsene,Drama,Komödie,Tragödie"> <meta name="description" content="Infinitysounds.de—Hörspiele, Hörbücher, Mitmachen" > <title>News auf InfinitySounds.de</title> <!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ --> <!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen --> <link rel="stylesheet" href="format.css" type="text/css"> <link rel="stylesheet" href="menue.css" type="text/css"> <link rel=icon href="images/infinitysounds.png" type="image/vnd.microsoft.icon" /> <script type="text/javascript"> function august_11() { document.getElementById("august").innerHTML="<h5><u>17.08.2011<\/u><\/h5><h4>Wir haben angefangen, Sylvester Alone aufzunehmen<\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Es gibt eine neue \"Reihe\": Crazy... Informationen findet ihr unter <a href=\"Info.html\">Info<\/a><\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Wir haben angefangen, The Five aufzunehmen. <a href=\"info.html\">Infos zu The Five<\/a><\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Es gibt viele, tolle neue Blubbcasts! <a href=\"Downloads.html\">Schaut rein!<\/a><\/h4><br><h5><u>25.08.2011<\/u><\/h5><h4>Wir haben unseren ersten <b>Soundcheck<\/b> hochgeladen! Soundcheck Folge 1: Die drei ??? Folge 148. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>27.08.2011<\/u><\/h5><h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 2: Far Cry. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>28.08.2011<\/u><\/h5><h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 3: Die Ferienbande und die entsetzlichen Ferien. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>28.08.2011<\/u><\/h5><h4>Blubbcast Folge 5 ist da!!! Thema: ESSEN!!! <a href=\"Blubbcast.html\">Info und Download<\/a><\/h4> <br><h5><u>29.08.2011<\/u><\/h5><h4>Wir haben den Titelsong für \"The Five Folge 1 - Das Buch der Vaiden\" hochgeladen!!! <a href=\"Weiteres.html\">Info und Download<\/a><\/h4>"; } function september_11() { document.getElementById("september").innerHTML="<br><h5><u>03.09.2011<\/u><\/h5> <h4>Wir haben \"Die Traumleiter\" von Robin Gerull hochgeladen!!! <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br> <h5><u>03.09.2011<\/u><\/h5> <h4>Wir haben das Kurzhörbuch \"Memories\" von Luise Leithäuser hochgeladen!!! <a href=\"Books.html\">Info und Download<\/a><\/h4>"; } Monate = new array(august_11(),september_11()); function getTheContents() { var divArray = document.getElementsByTagName("h4"); for(var x=0;x<divArray.length;x++) { for (var i = 0; i<divArray.length; i++){ if (divArray[i].class=""+x+"") return divArray[i].innerHTML; } } } function remove() { getTheContents(); for(var y=0;y<divArray.length;y++) { document.getElementsByClass(""+y+"").innerHTML=divArray[y]; } } </script> </head> <!--[if gte IE 5]> <link href="scrollbar.css" rel="stylesheet" type="text/css"/> <![endif] --> <body onload="september_11();"> <table align="center" id="breite" cellspacing="0" cellpadding="0" border="0" > <tr> <!--ende aussentab--> <td align="center" width="100%" > <!--schatten um die seite oben --> <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="s1"><img src="images/s1.jpg" width="22" height="22" border="0" alt=""></td> <td id="s2"><img src="images/s2.jpg" width="22" height="22" border="0" alt=""></td> <td id="s3"><img src="images/s3.jpg" width="22" height="22" border="0" alt=""></td> </tr> <tr> <td id="s4back"><img src="images/s4.jpg" width="22" height="22" border="0" alt=""></td> <td id="haupt" > <!--ende schatten um die seite oben --> <!--kopf--> <table width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="top2" ><table width="100%" align="center" id="menu1" border="0" cellpadding="0" cellspacing="0" > <tr> <td align="center" width="20%" ><a href="index.html" >Home</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="info.html" >Info</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="News.html" >News</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="Impressum.html" >Impressum</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="Kontakt.html" >Kontakt</a></td> </tr> </table> <!-- ende menü oben--></td> </tr> <tr> <td id="top3" > </td> </tr> </table> <!--ende oben--> <!-- inhalt--> <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="nav" > <div class="nav_un"> </div> <div class="nav_ob"> </div> <!-- menü links --> <table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="index.html" >Home</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="info.html" >Info</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="News.html" >News</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Aktuelle Produktionen.html">Aktuelle Produktionen</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Downloads.html" >Downloads</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Scripte.html" >Scripts</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <!-- ende menü links --> <div class="nav_un"> </div> <div class="nav_ob"> </div> <!-- menü links --> <table align="center" id="menu2b" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="Rollen.html" >Mach Mit!</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Sponsoren.html" >Sponsoren</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Ueber Uns.html" >Über uns</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Links.html" >Links zu anderen Websites</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="AGB.html" >Lizenz</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <!-- ende menü links --> <div class="nav_un"> </div> <div class="nav_ob" > </div> <table align="center" id="menu2c" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="Sprecher.html" >Unsere Sprecher</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Partner.html" >Unsere Partner</a> </td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <div style="margin-top:31px;"><script src="http://www.freevisits.de/script/text/t_script.php?id=2681&w=2&bid=2847"></script></div> <!-- spaltenbreite linke box --> <div id="nav_breite"> </div> <!-- ende spaltenbreite linke box --> </td> <td valign="top" id="textbox"> <h2>News bei Infinitysounds.de</h2> <p>Auf dieser Seite stehen die wichtigsten Neuigkeiten, die ganz rechts stehen überall, was weiter unten steht sind im Prinzip nur Extra- Informationen... <br>Wenn du uns auf Facebook likest, bekommst du die allerneuesten Infos bar auf die Kralle...</p> <br> <h3><i>Neuigkeiten</i></h3> <h4 id="august" class="0" onclick="august_11();remove();">Klick: August 2011</h4> <h4 id="september" class="1" onclick="september_11();remove();">Klick: September 2011</h4> <!-- <br> <h5><u>03.09.2011</u></h5> <h4>Wir haben "Die Traumleiter" von Robin Gerull hochgeladen!!! <a href="Weiteres.html">Info und Download</a></h4><br> <h5><u>03.09.2011</u></h5> <h4>Wir haben das Kurzhörbuch "Memories" von Luise Leithäuser hochgeladen!!! <a href="Books.html">Info und Download</a></h4>--> <a href="http://www.twitter.com/Infinitysoundss"><strong><img src="http://twitter-badges.s3.amazonaws.com/twitter-a.png" border="0" /></strong></a> <iframe src="http://www.facebook.com/plugins/like.php?app_id=258240670866484&href=href%3Dhttp%3A%2F%2Fwww.facebook.com%2Fpages%2FInfinitysoundsde%2F172612072776009&send=false&layout=button_count&width=50&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:76px; height:21px;" allowTransparency="true"></iframe> </td> </tr> </table> <!-- ende inhalt--> <!-- fuss--> <table width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="fuss_un" > </td> </tr> </table> </td> <!-- schatten um die seite unten --> <td id="s6back"><img src="images/s6.jpg" width="22" height="22" border="0" alt=""></td> </tr> <tr> <td id="s7"><img src="images/s7.jpg" width="22" height="22" border="0" alt=""></td> <td id="s8"><img src="images/s8.jpg" width="202" height="22" border="0" alt=""></td> <td id="s9"><img src="images/s9.jpg" width="22" height="22" border="0" alt=""></td> </tr> </table> <!--ende schatten um die seite unten --> </td> </tr> </table> </body> </html>
EDIT: Die Classes habe ich jetzt auch gesetzt xD
Beitrag zuletzt geändert: 9.9.2011 22:02:41 von infinitysounds -
Sehr viele Syntaxfehler, usw. Ich hab jetzt auch nur grob drüber gesehen:
function august_11() { document.getElementById("august").innerHTML = "<h5><u>17.08.2011<\/u><\/h5><h4>Wir haben angefangen, Sylvester Alone aufzunehmen<\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Es gibt eine neue \"Reihe\": Crazy... Informationen findet ihr unter <a href=\"Info.html\">Info<\/a><\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Wir haben angefangen, The Five aufzunehmen. <a href=\"info.html\">Infos zu The Five<\/a><\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Es gibt viele, tolle neue Blubbcasts! <a href=\"Downloads.html\">Schaut rein!<\/a><\/h4><br><h5><u>25.08.2011<\/u><\/h5><h4>Wir haben unseren ersten <b>Soundcheck<\/b> hochgeladen! Soundcheck Folge 1: Die drei ??? Folge 148. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>27.08.2011<\/u><\/h5><h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 2: Far Cry. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>28.08.2011<\/u><\/h5><h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 3: Die Ferienbande und die entsetzlichen Ferien. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>28.08.2011<\/u><\/h5><h4>Blubbcast Folge 5 ist da!!! Thema: ESSEN!!! <a href=\"Blubbcast.html\">Info und Download<\/a><\/h4> <br><h5><u>29.08.2011<\/u><\/h5><h4>Wir haben den Titelsong für \"The Five Folge 1 - Das Buch der Vaiden\" hochgeladen!!! <a href=\"Weiteres.html\">Info und Download<\/a><\/h4>"; } function september_11() { document.getElementById("september").innerHTML = "<br><h5><u>03.09.2011<\/u><\/h5> <h4>Wir haben \"Die Traumleiter\" von Robin Gerull hochgeladen!!! <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br> <h5><u>03.09.2011<\/u><\/h5> <h4>Wir haben das Kurzhörbuch \"Memories\" von Luise Leithäuser hochgeladen!!! <a href=\"Books.html\">Info und Download<\/a><\/h4>"; } function getTheContents() { var divArray = document.getElementsByTagName("h4"), a = 0, b = 0; for (a; a < divArray.length; a += 1) { for (b; b < divArray.length; b += 1) { if (divArray[b].className == a) return divArray[b].innerHTML; } } } function remove() { getTheContents(); var divArray = document.getElementsByTagName("h4"), a = 0; for (a; a < divArray.length; a += 1) { document.getElementsByClassName(a).innerHTML = divArray[a]; } }
Was du vor hast, würde ich eher mit JQuery und versteckten Elementen machen. Das ist um einiges leichter und das Ergebnis ist unter Garantie übersichtlicher und schicker ;)
Zudem musst du dir weniger Gedanken zur Browserkompabilität machen.
Beitrag zuletzt geändert: 10.9.2011 0:00:48 von fabo -
Ich glaube nicht, dass es gut ist, eine Variable vor einer For-Schleife mit einem Wert zu versehen und sie in der einmaligen Aktion der For-Schleife dann wieder auf NULL zu stellen. Oder bewirkt das in JS etwas anderes?
Außerdem wäre es doch wesentlich einfacher, display: none; zu verwenden, als Millionen Zeichen lange Zeilen mit tausenden escapten doppelten Anführungszeichen zu verwenden.
Sowieso könntest du mit JS einfach einmal auszählen, wie viele Kategorien denn da sind, und diesen Wert dann immer verwenden. Noch einfacher wäre es, per PHP ein Array an JS zu übergeben, das alle Kategorien beinhaltet. Und zwar mit IDs, damit es nicht zum Zusammenbruch deines Konstrukts kommt, wenn du in deinem Dokument noch einmal ein h4-Element verwendest.
Beitrag zuletzt geändert: 10.9.2011 0:25:25 von drafed-map -
Hmm.... mit JQuery kenne ich mich GAR nicht aus, wär schön wenn mir da jemand helfen könnte...
fabo schrieb:
function august_11() { document.getElementById("august").innerHTML = "<h5><u>17.08.2011<\/u><\/h5><h4>Wir haben angefangen, Sylvester Alone aufzunehmen<\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Es gibt eine neue \"Reihe\": Crazy... Informationen findet ihr unter <a href=\"Info.html\">Info<\/a><\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Wir haben angefangen, The Five aufzunehmen. <a href=\"info.html\">Infos zu The Five<\/a><\/h4><br><h5><u>17.08.2011<\/u><\/h5><h4>Es gibt viele, tolle neue Blubbcasts! <a href=\"Downloads.html\">Schaut rein!<\/a><\/h4><br><h5><u>25.08.2011<\/u><\/h5><h4>Wir haben unseren ersten <b>Soundcheck<\/b> hochgeladen! Soundcheck Folge 1: Die drei ??? Folge 148. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>27.08.2011<\/u><\/h5><h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 2: Far Cry. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>28.08.2011<\/u><\/h5><h4>Es gibt einen neuen Soundcheck: Soundcheck Folge 3: Die Ferienbande und die entsetzlichen Ferien. <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br><h5><u>28.08.2011<\/u><\/h5><h4>Blubbcast Folge 5 ist da!!! Thema: ESSEN!!! <a href=\"Blubbcast.html\">Info und Download<\/a><\/h4> <br><h5><u>29.08.2011<\/u><\/h5><h4>Wir haben den Titelsong für \"The Five Folge 1 - Das Buch der Vaiden\" hochgeladen!!! <a href=\"Weiteres.html\">Info und Download<\/a><\/h4>"; } function september_11() { document.getElementById("september").innerHTML = "<br><h5><u>03.09.2011<\/u><\/h5> <h4>Wir haben \"Die Traumleiter\" von Robin Gerull hochgeladen!!! <a href=\"Weiteres.html\">Info und Download<\/a><\/h4><br> <h5><u>03.09.2011<\/u><\/h5> <h4>Wir haben das Kurzhörbuch \"Memories\" von Luise Leithäuser hochgeladen!!! <a href=\"Books.html\">Info und Download<\/a><\/h4>"; } function getTheContents() { var divArray = document.getElementsByTagName("h4"), a = 0, b = 0; for (a; a < divArray.length; a += 1) { for (b; b < divArray.length; b += 1) { if (divArray[b].className == a) return divArray[b].innerHTML; } } } function remove() { getTheContents(); var divArray = document.getElementsByTagName("h4"), a = 0; for (a; a < divArray.length; a += 1) { document.getElementsByClassName(a).innerHTML = divArray[a]; } }
Leider funktioniert das auch nicht...
Kann mir jemand helfen, ich bin im mom etwas hilflos, ich kann JS und so einfach noch nicht so gut...
drafed-map schrieb:
Außerdem wäre es doch wesentlich einfacher, display: none; zu verwenden, als Millionen Zeichen lange Zeilen mit tausenden escapten doppelten Anführungszeichen zu verwenden.
den Befehl kenne ich leider nicht, sonst hätte ich ihn genutzt
drafed-map schrieb:
Sowieso könntest du mit JS einfach einmal auszählen, wie viele Kategorien denn da sind, und diesen Wert dann immer verwenden. Noch einfacher wäre es, per PHP ein Array an JS zu übergeben, das alle Kategorien beinhaltet. Und zwar mit IDs, damit es nicht zum Zusammenbruch deines Konstrukts kommt, wenn du in deinem Dokument noch einmal ein h4-Element verwendest.
Das kann ich nicht, ich kann kein PHP und mit JS würde ich wahrscheinlich einen Hirnfehler bekommen, würde ich versuchen, so eine funktion zu schreiben... -
Wenn du genauer erklären würdest, was genau do vor hast und wie das am Ende aussehen soll, könnte man dir eventuell gezielter helfen ;)
-
Selbstverständlich:
Ich stelle mir das so vor:
Wenn man hierauf klickt:
Augus 2011
Verwandelt es sich in das hier:
17.08.2011
Wir haben angefangen, Sylvester Alone aufzunehmen
17.08.2011
Es gibt eine neue "Reihe": Crazy... Informationen findet ihr unter Info
17.08.2011
Wir haben angefangen, The Five aufzunehmen. Infos zu The Five
Und das vorher sichtbare
03.09.2011
Wir haben "Die Traumleiter" von Robin Gerull hochgeladen!!! Info und Download
03.09.2011
Wir haben das Kurzhörbuch "Memories" von Luise Leithäuser hochgeladen!!! Info und Download
wird zu
September 2011
Und umgekehrt.
Später kommen natürlich auch noch mehr Monate, später evtl. Jahre dazu
Beitrag zuletzt geändert: 10.9.2011 0:48:47 von infinitysounds -
Und wo kommen die Informationen her? Wie hast du vor, diese hinzuzufügen? Wäre es nicht besser, dafür eine Datenbank zu verwenden?
-
drafed-map schrieb:
Und wo kommen die Informationen her? Wie hast du vor, diese hinzuzufügen? Wäre es nicht besser, dafür eine Datenbank zu verwenden?
Naja... ich kenne mich mit sowas GAR nicht aus, insofern wäre das schwierig.... ich hatte überlegt, eine externe JavaScript Datei einzubinden oder so, die Informationen gebe ich selbst ein... -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage