kostenloser Webspace werbefrei: lima-city


[JavaScript] Hilfe bei einer Dynamischen Funktion

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    infinitysounds

    Kostenloser Webspace von infinitysounds

    infinitysounds hat kostenlosen Webspace.

    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&uuml;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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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>
  4. Autor dieses Themas

    infinitysounds

    Kostenloser Webspace von infinitysounds

    infinitysounds hat kostenlosen Webspace.

    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
  5. 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
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!