myGully.com - Problem mit Javascript Menü

myGully.com (https://mygully.com/index.php)

- Programmierung (https://mygully.com/forumdisplay.php?f=67)

- - Problem mit Javascript Menü (https://mygully.com/showthread.php?t=2106449)

Problem mit Javascript Menü

Hey Leute ich habe volgenden Code benutz um ein Waagerechtes Javas***** Mwenü zum Aufklappen zu machenaber i-wie funktioniert die aufklap-Funktion nicht wieso?

Hier der Inhalt der ganzen HTML-Datei:
[HTML]<html >

<head>
<meta name="author" content="">
<meta name="des*****ion" content="">
<meta name="keywords" content="">
<meta http-equiv="content-language" content="de">
</head>

<body bgcolor ="#12345" background="">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<s***** type="text/javas*****">

</s*****>
<style type="text/css">

</style></head>

<body>

<div class="menu">
<ul><li><a onmouseover="montre(´smenu1´);" onmouseout="cache(´smenu1´);" href="">Menu 1</a> <ul style="display: none;" id="smenu1" onmouseover="montre(´smenu1´);" onmouseout="cache(´smenu1´);">
<li><a href="">Subkategorie 1.1</a></li>
<li><a href="">Subkategorie 1.2</a></li>
<li><a href="">Subkategorie 1.3</a></li>
</ul></li>
<li><a onmouseover="montre(´smenu2´);" onmouseout="cache(´smenu2´);" href="">Menu 2</a><ul id="smenu2" onmouseover="montre(´smenu2´);" onmouseout="cache(´smenu2´);">
<li><a href="">Subkategorie 2.1</a></li>
<li><a href="">Subkategorie 2.2</a></li>
</ul></li>
<li><a onmouseover="montre(´smenu3´);" onmouseout="cache(´smenu3´);" href="">Menu 3</a><ul id="smenu3" onmouseover="montre(´smenu3´);" onmouseout="cache(´smenu3´);">
<li><a href="">Subkategorie 3.1</a></li>
<li><a href="">Subkategorie 3.2</a></li>
<li><a href="">Subkategorie 3.3</a></li>
<li><a href="">Subkategorie 3.4</a></li>
<li><a href="">Subkategorie 3.5</a></li>
</ul></li>
<li><a onmouseover="montre(´smenu4´);" onmouseout="cache(´smenu4´);" href="">Menu 4</a><ul id="smenu4" onmouseover="montre(´smenu4´);" onmouseout="cache(´smenu4´);">
<li><a href="">Subkategorie 4.1</a></li>
<li><a href="">Subkategorie 4.2</a></li>
<li><a href="">Subkategorie 4.3</a></li>
</ul></li>
</ul>
</div>
</body>

</html>[/HTML]

Schaue hier :

PHP-Code:


		
			
<html>

<head>

<title>Beispiel</title>

<s***** type="text/javas*****">

  /*

   * Fügt den Listeneinträgen Eventhandler und CSS Klassen hinzu,

   * um die Menüpunkte am Anfang zu schließen.

   *

   * menu: Referenz auf die Liste.

   * data: String, der die Nummern aufgeklappter Menüpunkte enthält.

   */

  function treeMenu_init(menu, data) {

    var array = new Array(0);

    if(data != null && data != "") {

      array = data.match(/\d+/g);

    }

    var items = menu.getElementsByTagName("li");

    for(var i = 0; i < items.length; i++) {

      items[i].onclick = treeMenu_handleClick;

      if(!treeMenu_contains(treeMenu_getClasses(items[i]), "treeMenu_opened")

          && items[i].getElementsByTagName("ul").length

            + items[i].getElementsByTagName("ol").length > 0) {

        var classes = treeMenu_getClasses(items[i]);

        if(array.length > 0 && array[0] == i) {

          classes.push("treeMenu_opened")

        }

        else {

          classes.push("treeMenu_closed")

        }

        items[i].className = classes.join(" ");

        if(array.length > 0 && array[0] == i) {

          array.shift();

        }

      }

    }

  }



  /*

   * Ändert die Klasse eines angeclickten Listenelements, sodass

   * geöffnete Menüpunkte geschlossen und geschlossene geöffnet

   * werden.

   *

   * event: Das Event Objekt, dass der Browser übergibt.

   */

  function treeMenu_handleClick(event) {

    if(event == null) { //Workaround für die fehlenden DOM Eigenschaften im IE

      event = window.event;

      event.currentTarget = event.srcElement;

      while(event.currentTarget.nodeName.toLowerCase() != "li") {

        event.currentTarget = event.currentTarget.parentNode;

      }

      event.cancelBubble = true;

    }

    else {

      event.stopPropagation();

    }

    var array = treeMenu_getClasses(event.currentTarget);

    for(var i = 0; i < array.length; i++) {

      if(array[i] == "treeMenu_closed") {

        array[i] = "treeMenu_opened";

      }

      else if(array[i] == "treeMenu_opened") {

        array[i] = "treeMenu_closed"

      }

    }

    event.currentTarget.className = array.join(" ");

  }



  /*

   * Gibt alle Klassen zurück, die einem HTML-Element zugeordnet sind.

   *

   * element: Das HTML-Element

   * return: Die zugeordneten Klassen.

   */

  function treeMenu_getClasses(element) {

    if(element.className) {

      return element.className.match(/[^ \t\n\r]+/g);

    }

    else {

      return new Array(0);

    }

  }



  /*

   * Überprüft, ob ein Array ein bestimmtes Element enthält.

   *

   * array: Das Array

   * element: Das Element

   * return: true, wenn das Array das Element enthält.

   */

  function treeMenu_contains(array, element) {

    for(var i = 0; i < array.length; i++) {

      if(array[i] == element) {

        return true;

      }

    }

    return false;

  }



  /*

   * Gibt einen String zurück, indem die Nummern aller geöffneten

   * Menüpunkte stehen.

   *

   * menu: Referenz auf die Liste

   * return: Der String

   */

  function treeMenu_store(menu) {

    var result = new Array();;

    var items = menu.getElementsByTagName("li");

    for(var i = 0; i < items.length; i++) {

      if(treeMenu_contains(treeMenu_getClasses(items[i]), "treeMenu_opened")) {

        result.push(i);

      }

    }

    return result.join(" ");

  }

</s*****>

<style type="text/css">

  li.treeMenu_opened ul {

    display: block;

  }

  li.treeMenu_closed ul {

    display: none;

  }

</style>

<body onload="treeMenu_init(document.getElementById('menu'), '')">

<ul id="menu">

  <li>erstens

    <ul>

      <li>A</li>

      <li>B</li>

    </ul>

  </li>

  <li>zweitens

    <ul>

      <li>a</li>

      <li>b</li>

    </ul>

  </li>

</ul>

</body>

</html>

das ist aber php und köntreste das auch ohne die beschreibungen am,chen?

Ich will dir kein code zu verfügung stellen ^^
das soll nur eine hilfestellung sein

problem ist ejtzt das ich mich da kaum mti auskenne und deshalb hab ich gard keien ah

ich eknn mcih da nciht mit aus ich hab da keien ahnung was du mri da helfen willst

aber lesen kannste oder ??

ja aber es hilft mir ncihts weil ich nciht weis wie man die sachen dan in men code deinbaut usw.

Schaue hier [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]