Dynamisches Dropdownmenü

yoghurt · 10. Dezember 2006, 17:56

Hallo zusammen,

ich habe folgendes Problem: Ich möchte ein dynamsiches Dropdown-Menü erstellen. Dabei sollen die Menüeinträge aus einer XML Datei entnommen werden. Einige der Menüeinträge enthalten nochmal weitere Untermenüs... Hab die Navigation an sich so schon hinbekommen, allerdings ist sie nur statisch und ich weiss nicht wie ich sie in eine dynamische umwandeln soll. Die Dropdownmenüs sind versteckte Ebenen...

Der Aufbau der XML Datei ist folgendermaßen:

Quellcode

<mainmenu>
<menu>
<title>ID der Ebene</title>
<item>
<name>Text des Menüeintrags</name>
<drop>ID des Dropdownmenüs</drop>
<css>CSS Stil</css>
</item>
<item> [...]
</mainmenu>

<menu> definiert dabei jeweils eine Ebene mit <item> Menüeinträgen. Laufen soll das ganze später mit ASP, wenn möglich...

Torben Brodt · 10. Dezember 2006, 18:26

naja,
schau dir dazu am besten die folgende SelfHTML Literatur an:
* http://de.selfhtml.org/javascript/objekte/document.htm
* http://de.selfhtml.org/javascript/objekte/node.htm

Mit dem Wissen solltest du es hinbekommen.

Hier mal ein Anfang (allerdings ungetestet)

Quellcode

var ret ="";
var ob = req.responseXML.getElementsByTagName('menu')[0].getElementsByTagName('item');
for(var i=0; i<ob.length; i++) {
ret += ob[i].getElementsByTagName('name')[0]+"<br />";
}
alert(ret);

yoghurt · 10. Dezember 2006, 19:13

Das Problem dabei ist, das die Daten an 3 Positionen eingefügt werden müssen. Einmal müssen im Hauptdokument die Ebenen erstellt werden, und dann müssen die Daten noch in zwei Javascript Funktionen eingebaut werden, damit die Menüs richtig ausgerichtet werden...

Torben Brodt · 10. Dezember 2006, 21:19

naja, formulier dein Problem ein bisschen aus, ich versuch dir zu helfen.
Ich sehe da bisher kein großes Problem die Variable an mehreren Positionen zu benutzen.

Falls du es in anderen "Formaten" brauchst, kannst du es ja auch erstmal als Array speichern

yoghurt · 10. Dezember 2006, 21:42

ok, ich versuchs...

also, ich habe in einer javascriptdatei zwei funktionen, die aufgerufen werden wenn sich das fenster größenmäßig verändert und wenn es aufgerufen wird. in beiden funktionen wird die position aller submenüs bestimmt, indem die position des bildes, unter dem das submenü geöffnet werden soll, ausgelesen wird. Ich hab in der relaunch.zip meinen bisherigen quellcode etc., allerdings alles statisch und mit Bildern... Das will ich später noch umstellen... In der Navigation2.xml sind die Daten eingetragen. Das Problem ist nun, dass ich einmal in die normale Internetseite (Index.html) die Ebenen schreiben muss, und in die Function in der Javascript Datei muss ich auch diese Ebenen einbinden... Und das bekomm ich nicht auf die Reihe

Dynamisches Dropdownmenü

Dynamisches Dropdownmenü

Quellcode

Quellcode

Teilen

Benutzer online 1

Tags