Problem mit Javas* Menü

tommy99 · 28.08.10, 08:24

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]

allcrack · 28.08.10, 10:31

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>

tommy99 · 28.08.10, 11:08

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

allcrack · 28.08.10, 11:15

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

tommy99 · 28.08.10, 11:19

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

allcrack · 28.08.10, 11:37

aber lesen kannste oder ??

tommy99 · 28.08.10, 11:50

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

allcrack · 28.08.10, 11:56

Schaue hier [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Problem mit Javas***** Menü

Problem mit Javas* Menü