Suche Hilfe bei einem Pulldown Menü

[nvs83]

Ich habe eine bestehende Internetseite von einem Kunden erhalten und soll diese um ein Dropdownmenü erweitern.

Das vorhandene Menü ist aus grafik Buttons erstellt und hat einen onmouseover effekt. (Bildertausch)

Nun soll bei einem (die anderen haben das nicht) zusätzlich beim OnMouseOver ein Pulldown dazukommen.

Aufgrund der komplexität der Seite kann die nur durch eine Ebene geschehen, die an die Absolute Position geschoben wird (ist zwar nicht schön, aber wenn der Kunde es so will...)

Nun meine Frage:
Das Pull down menü soll erscheinen wenn man auf den Button geht, wenn man den Button ODER das Menü verlässt soll es geschlossen werden.

Wie bekomme ich die Verknüpfung zwischen Button und Menü hin?
Mit einem OnMouseOut auf dem Button funktioniert es nicht, da das Menü dann ja schon geschlossen wird, bevor man richtig drauf ist...

Also:
Bei Onmouseover (Button) -> Erscheinen der Ebene (menü)
Beim Verlassen Ebene ODER Button -> Verschwinden der Ebene
Beim Verlassen des Buttons in Richtung Ebene soll diese aber nicht verschwinden...

On-Klick ist keine Alternative!

Alles soll so ähnlich sein wie auf der seite hier das Pulldown bei "Nützliche Links", jedoch als onmouseover...

[georgexp]

Du nimmst Aufträge an, von deren Materie du augenscheinlich keine Ahnung hast?

[nvs83]

Eigentlich sind Pulldown/Dropdown Menüs kein Problem und der Kunde ist Stammkunde, ich habe schon viele Änderungen an seiner HP gemacht.

Ahnung von der Materie habe ich schon, jedoch ist mir die o.g. Konstellation nie übern weg gelaufen.

[EPM Slash]

selbst ist der frager.
Let me google that for you

das hilft dir mit sicherheit, wenn du in der materie drin steckst.

[nvs83]

Wie gehabt, das Dropdownmenü ist kein Problem und wie ich eines erstelle...

Das Problem liegt bei folgendem: Wenn ich im Menüpunkt (Menü 1) onmouseover gehe, soll eine Ebene eigeblendet werden. Bis dahin auch alles leicht. ((Javascript für erscheinen/verstecken habe ich bereits)) Wenn ich aber nun den Button verlasse, soll die ebene verschwinden- Auch OK. Aber wenn ich den Button in Richtung (bzw.auf die) Ebene verlassen, darf diese nicht verschwinden. Da hilft kein Onmouseover auf der Ebene, selbst wenn die mit dem Menüpunkt überlappt, da die ebene ja versteckt wird, sobald ich den Button verlasse...

Hier mal mein Javascript für erscheinen/verstecken:

<script language="javascript"> 
<!-- für alte Browser
var bname=navigator.appName;
var bver=parseInt(navigator.appVersion);
var NS4=(bname == "Netscape" && bver<=4);
var IE4=(bname == "Microsoft Internet Explorer" && bver>=4);
function start(name)
{
if (NS4) objekt=eval("document." + name);//document.ebenenid.eigenschaft
if (IE4) objekt=eval("document.all." + name + ".style");//document.all.ebenenid.style.eigenschaft
}

function verstecke(ebene)
{
if (NS4) ebene.visibility="hide";
if (IE4) ebene.visibility="hidden";
}
function zeige(ebene)
{
	if (NS4) ebene.visibility="show";
	if (IE4) ebene.visibility="visible";
}
// -->
</script>

Im Body-Tag habe ich onload verstecken.
Auf meinem Button habe ich onmouseover erscheinen...
Zudem hat der Button noch onmouseover/out einen Bilderwechsel...

[Nightflyer]

Dein Code ist noch von zu Grossmutters Zeiten... Arbeite dich mal in JQuery ein. Dauert zwar etwas bis du damit zurecht kommst, ersparst dir aber später viel Zeit und Nerven.

Zu deinem Problem: Du brauchst einen Timer. Wird mit der Maus per onmouseout dein Button verlassen, startest du den TImer welcher eine Prüffunktion nach ca. 2 Sekunden aufruft. Diese prüft dann ob "mouse_on_menu" oder wie du auch immer deine Variable nennst, true ist. Wenn nein, schliesst du das Menü. mouse_on_menu wird immer true wenn du mit onmouseover auf das Menü fährst und false wenn du es verlässt ( zugleich da auch wieder den Timer starten ).
So halbwegs klar? Funktioniert wie ein Tooltip Create a Nice, Lightweight JavaScript Tooltip

[nvs83]

Muss ich mal ausprobieren, ich hatte es bei meinen Versuchen nur mit einem
Timeout beim MouseOut vom Button versucht und mit Mouseover(erscheinen) beim Menü. er ist trotzdem so d**f und schließt nach dem Timeout das Menü... Also muss ich eine Prüfvariable einbauen... verstanden...

Ich weiss der Code ist alet, aber eigentlich recht funktionabel und bei kleinigkeiten auch in Ordnung... Ne ganze Page würde ich damit sicher nicht aufbauen.

[bobby]

Hier ein Beispiel wie es funktioniert - der entsprechende javascript-code findet sich im quelltext
fixOnMouseOut Test