bastel gerade an einer Webseite, in die ich ein aufklappbares Menü einbringen will. Ich geh also mit der Maus auf einen Bereich und dann erscheinen weitere Unterpunkte/Untermenü.
Hab mir aus dem Netz das folgende Script geholt.
Wenn ich über einen Teil des Menüs mit der Maus gehen, soll dieser aufklappen, verlasse ich den, soll er automatisch scließen.
Mit diesem Skript sollte es eigentlich funktionieren, allerdings klappt das Menü auf, aber nicht wieder zu, wenn ich mit der Maus weggehe.
Wer hat hierzu nen Tipp?
Kenne mich leider bei Java zu wenig aus!
Danke & Gruß
Nemo
----------------
Brainfuck-Quellcode
- // ------------ Initialisierung der Event-Handler
- function initNavi() {
- var naviTriggers = new Array();
- var trigger;
- // Hier die IDs der Buttons eintragen, die zum Auf- und Zuklappen dienen sollen.
- // Wenn es nur ein einziges aufklappbares Men�Egibt, muß auch nur eine ID angegeben werden.
- naviTriggers[0] = 'informationen';
- naviTriggers[1] = 'uebermich';
- naviTriggers[2] = 'sonstiges';
- naviTriggers[3] = 'kontakt';
- /* ------------------------------------------------- */
- for (var i = 0; i < naviTriggers.length; i++) {
- var element = naviTriggers[i];
- trigger = document.getElementById(element);
- // Die folgende Zeile läßt das Men�Eper Klick öffnen und schließen:
- //trigger.onclick = triggerNavi;
- // Diese beiden Zeilen lassen das Men�Eauf Mouseover reagieren:
- trigger.onmouseover = openNavi;
- [COLOR='Red'][B]trigger.onmouseout = openNavi;[/B][/COLOR] --> [COLOR='Blue'][B]trigger.onmouseout = closeNavi;[/B] [/COLOR]
- }
- }
- // ------------ Funktion f�E das Öffnen und Schließen der Navigation (onclick)
- function triggerNavi(event) {
- var child = this.childNodes[2];
- if (child.tagName == 'UL') {
- if (child.style.display == "block") {
- child.style.display = "none";
- } else {
- child.style.display = "block";
- }
- }
- }
- // ------------ Funktionen f�E das Öffnen und Schließen der Navigation (onmouseover)
- function openNavi(event) {
- var child = this.childNodes[2];
- if (child.tagName == 'UL') {
- child.style.display = "block";
- }
- }
- function closeNavi(event) {
- var child = this.childNodes[2];
- if (child.tagName == 'UL') {
- child.style.display = "none";
- }
- }
------------------
Edit: Ich habs selbst gefunden! Vorher ein paar Mal überlesen!
Falscher Befehl - siehe dicke Schrift oben