Roll-Over & Pop-Up Menü !

[bw-designer]

Hallo zusammen,

nach langer Suche und keinen spezifischen Antworten, wende ich mich nun direkt an euch:

Ich habe bei einer Seite eine Buttonleiste angelegt und für jeden Button ein Roll-Over-Bild erstellt, welches dann mit der Roll-Over Funktion von Dreamweaver via JS ausgetauscht wird. Bei 4 der Buttons habe ich zusätzlich ein Pop-Up Menü hinzugefügt, das wie beim Roll-Over-Effekt mit onMouseOver eingeblendet wird. Wenn ich nun über den Button fahre und dann aber mit der Maus nach unten ins Pop-Up Menü fahre, wird der Roll-Over-Effekt mit

PHP-Code:

onMouseOut="swapImgRestore()" 


wieder ückgängig gemacht.
Das soll eigentlich auch so sein, aber erst wenn ich mit der Maus auf einen anderen Button fahre. Wie kann ich es also so einrichten, dass der Roll-Over erhalten bleibt, bis ich das Menü mit der Maus verlassen habe und die TimeOut Funktion in Kraft tritt?

Bei meinen bisherigen Versuchen kam immer nur heraus, dass der Button sich ausgetauscht hat und nie wieder zurück auf das Ursprungsbild gesprungen ist.

Hier mal der Code vom Button:

PHP-Code:

<a href="#"><img src="http://www.traum-projekt.com/forum/images/menue/button_02.jpg" alt="" name="Image1" width="59" height="25" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/menue/hover_02.jpg',1);MM_showMenu(window.mm_menu_1208172016_0,0,26,null,'Image1')" onmouseout="MM_swapImgRestore();MM_startTimeout();" /></a> 


Ich hoffe es ist verständlich beschrieben, ansonsten einfach fragen...

Hier noch der Link zur Seite: klick!

[bw-designer]

Hat keiner ne Idee oder geht das gar nicht?

Eigentlich muss es doch irgendwie machbar sein mit JS. Habs ja auch schon auf anderen Seiten gesehen. (z.B. www.adobe.de)

[Rizzo]

Hallo,

solche Menüs bietet so ziemlich jedes JS Framework an. Unter anderem auch das Spry Framework das Adobe benutzt. Die Dokumentation erklärt alles sehr ausführlich und funktionierende Beispiele findest Du auf der Doku-Seite unter "Widgets". (Menu Bar)

[bw-designer]

mhm...

danke dür die schnelle Antwort!
Die Menüs sehen auch ganz gut aus, aber ich dachte eigentlich daran, im bestehenden Menü das entsprechend zu definieren und nicht ein komplett neues Menü zu erstellen und mich dort einarbeiten zu müssen.
(korrigier mich wenn ich das zu kompliziert verstehe )

[Rizzo]

Hat vermutlich was mit Effizienz zu tun. Du werkelst an einem Menü herum, von dem Du nicht ganz verstehst wie es funktioniert. Jetzt klemmt es und Du suchst seit Tagen nach Hilfe und kommst nicht weiter. Meinst Du nicht das es da "logischer" wäre einen funktionierenden und gut dokumentierten Code zu nehmen und das Menü nochmal von Grund auf neu zu erstellen? Das geht vermutlich wesentlich schneller als an einem fehlerhaften Code herumzudoktern, den man dazu nicht versteht.

Aber war ja nur ein Vorschlag. Vielleicht kommt die Tage ja noch jemand vorbei der sich da mit Dir zusammen durchbeissen möchte.

[bw-designer]

Da hast du sicherlich recht, aber das Menü, dass ich gerade verwende wurde ja mit Dreamweaver erstellt und ich möchte es gerne weiterhin schnell bearbeiten können. Das ist mitunter ein Grund warum ich eigentlich nicht nochmal von vorn beginnen möchte. Die wesentliche Funktionsweise des Menüs habe ich eigentlich auch durchblickt, aber da meine Frage ja erheblich mehr Kentnisse in JS benötigt, als ich besitze, kann ich die Sache nicht alleine lösen.

Aber wenn du schon das Thema mit diesem Sry Framework ansprichst, könntest du mir sagen was genau für eine Oberfläche das ist, bzw ob ich dafür ein bestimmtes Programm brauche...?
Danke schonmal im Voraus...

Gruß

[Rizzo]

Das Spry Framework, oder zumindest einiges davon, ist standardmäßig in Dreamweaver CS3 enthalten. Oberhalb des Entwurffensters, dort wo auch die Leiste Formular-Elemente usw ist, befindet sich auch der Spry-Reiter. Dort kann man sich u.a. auch ein Menü "zusammenklicken".
Wenn Du kein CS3 hast musst Du das manuell machen, was aber auch nicht sonderlich schwer ist, wenn man den Code von der Doku als Grundlage benutzt.

[bw-designer]

Dreamweaver CS3 hab ich, aber noch nicht so lange, dass ich das wahrgenommen habe. Ich dachte immer es gibt nur die Funtion 'Pop-Up Menü' die ich bei Dreamweaver 8 immer benutzt habe. Aber das Menü das sieht ganz gut aus...
Wenn das nun mit den Hintergrundbildchen bei den Buttons auch noch super funktioniert wär die Sache erledigt!

[Rizzo]

Schau auch noch hier rein, dort findest Du jede Menge Video Tutorials zu Dreamweaver. Einige Spry Sachen sind auch dabei, vielleicht sogar das Menü Dingens. Falls nicht schau trotzdem rein, lernen kann man da auf jeden Fall etwas.

[bw-designer]

Vielen Dank für den Hinweis auf das Spry Menü (und natürlich auch den Link ).
Jetzt weis ich auch warum Adobe die Pop-Up Menü Funktion unter Verhalten in die Liste 'veraltet' gesteckt hat