[JavaScript] Hilfe bei einer Dynamischen Funktion
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
august
buchen
code
entsetzlichen ferien
essen
folge
http
info
information
leute
liste
memory
prinzip
problem
reihe
september
sylvester
text
titelsong
url
-
Hi Leute,
Ich habe ein Problem mit einer JS-Funktion: Sie funktioniert nur zur Hälfte ;-P
ich stelle mir das so vor:
Wenn man hierauf klickt:
August 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
Der Code, den ich geschrieben habe:
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 nicht...
Kann mir jemand helfen, ich bin im mom etwas hilflos, ich kann JS und so einfach noch nicht so gut...
In einem früheren Thread hatte ich dies auch schon einmal gefragt, doch antwortet niemand mehr, weshalb ich euch hier noch ein Zitat von Drafed-Map und meine Antwort geben kann:
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...
Ich hoffe jemand kann mir helfen
Mit freundlichen Grüßen,
InfinitySounds -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Am besten Du packst Deinen Text in eine Liste bzw es wäre hilfreich wenn Du den dazugehörigen html-Code oder einen Link herausgibst.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <script type="text/javascript"> function hide_all_ul(node) { var ul_node = node.getElementsByTagName("UL") for (var i=0;i<ul_node.length;i++) { ul_node[i].style['display']="none"; } } function showThis(node) { //erst alle <ul>-elemente verstecken hide_all_ul(node.parentNode) //dann den aktuellen zeigen var thisUL=node.getElementsByTagName("UL"); thisUL[0].style['display']="block"; } </script> </head> <body> <ul> <li onClick="showThis(this)">August 2011 <ul style="display: none;"> <li>17.08.2011 Wir haben angefangen, Sylvester Alone aufzunehmen </li> <li>17.08.2011 Es gibt eine neue "Reihe": Crazy... Informationen findet ihr unter Info </li> <li>17.08.2011 Wir haben angefangen, The Five aufzunehmen. Infos zu The Five </li> </ul> </li> <li onClick="showThis(this)">September 2011 <ul style="display: none;"> <li>17.09.2011 Wir haben angefangen, Sylvester Alone aufzunehmen </li> <li>17.09.2011 Es gibt eine neue "Reihe": Crazy... Informationen findet ihr unter Info </li> <li>17.09.2011 Wir haben angefangen, The Five aufzunehmen. Infos zu The Five </li> </ul> </li> </ul> </body> </html>
-
simuliertes schrieb:
Am besten Du packst Deinen Text in eine Liste bzw es wäre hilfreich wenn Du den dazugehörigen html-Code oder einen Link herausgibst.
Der Link wäre:
view-source: [url]http:www.infinitysounds.de/Template/News.html[/url]
Ich sehe mir morgen an, ob dene Version funktioniert ;)
Beitrag zuletzt geändert: 20.9.2011 20:30:56 von infinitysounds -
Ajah, ist das ein cms?
Du kannst ja ein dropdown- Menue dafür missbrauchen weil's vom Prinzip das gleiche ist. Also wäre das ganze sogar ohne js nur mit css zu lösen.
ZB so wie hier:
http://www.stunicholls.com/menu/simple.html
oder einfach nach
css klick menue
googeln -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage