Foldoutmenü nach CSS-Layer-Tut. auf Traum-Projekt

[alphanumericAuf Bewährung]

Hallo!

Heute stand ich vor einem Problem - ich wollte ein Horizontales Foldoutmenü erstellen, welches sich jedoch nicht durch mouseover auf einem Link sondern durch einen Mouseover auf einem Hotspot auf einer Grafik öffnen sollte.

Ich habe das auch mit CSS-Layern realisieren können, und zwar mit Hilfe eines Tutorials auf der Traum-Projekt Seite

Hier gehts zum Tut

Das ganze wurde so geregelt, dass immer beim mouseover auf einen Link, der "richtige" Layer angezeigt wird und die anderen durch den mouseover geschlossen bleiben.

Das ganze sieht so aus (Statt normalen Links habe ich Hotspots verwendet weil ich eine Grafik verwende)

<img src="header.jpg" width="850" height="159" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="7,136,57,157" href="#" onMouseOver="MM_showHideLayers('mitglieder','','show','home','','show');MM_showHideLayers('mitglieder','','hide')" onMouseOut="MM_showHideLayers('home','','hide')">
<area shape="rect" coords="117,140,188,161" href="#" onMouseOver="MM_showHideLayers('mitglieder','','show','home','','show');MM_showHideLayers('home','','hide')">
</map>
<div id="mitglieder" style="position:absolute; width:117px; height:67px; z-index:2; left: 125px; top: 175px; background-color: #990000; layer-background-color: #990000; border: 1px none #000000; visibility: hidden;"></div>
<div id="home" style="position:absolute; width:108px; height:67px; z-index:1; left: 10px; background-color: #990000; layer-background-color: #990000; border: 1px none #000000; top: 175px; visibility: hidden;"></div>

Das funktioniert so auch ganz gut - jedoch entsteht dadurch das Problem, dass ein Layer immer angezeigt bleibt - auch wenn man ihn mit dem Mauszeiger längs verlassen hat-

Gibt es da eine Möglichkeit ... den Layer verschwinden zu lassen - wenn man ihn mit dem Cursor verlässt?

Denn würde man für den Hotspot definieren, dass sich der jeweilige Layer beim "mouseout" schließt würde man die Links auf diesem Layer nie erreichen - da er ja bereits wieder verschwinden würde, sobald man den Hotspot verlässt!

Ich hoffe ihr versteht mich - und hoffe auf rasche Antwort!

[hero-master]

Moin alphanumeric,
ich habe das, glaube ich, als so gemacht:
Ich habe dem einen Link das Verhalten gegeben, dass er die eine Ebene einblendet und den Rest dann ausblendet bei MouseOver.
Sprich: Die Ebene, die bei MouseOver auf den einen Link sichtbar wurde, wurde wieder gehschlossen, wenn man einen anderen Link berührt
Ich denke mal anders/einfacher wirst du das auf diese Art, wie du ein PopUp-Menu erstelt hast, nicht lösen können.

[alphanumericAuf Bewährung]

ja, das habe ich auch, aber dadurch bleibt eine Ebene immer Angezeigt ...nehmen wir an er öffnet eine Ebene und fährt dann mit der Mouse zum Content und nicht zu einem erneuten Menüpunkt!

Dann bleibt dieses Fenster so lange geöffnet bis er wieder auf einen anderen Menü punkt klickt !

[Torsten]

Wenn ich Dich richtig verstehe, dann suchst Du nach einer Möglichkeit den Layer auszubelenden, wenn man den Layer selbst verläßt um Beispielsweise im Content einen Link anzuklicken.

Falls ich richtig liege, dann schau Dir mal die Menu Magic II Extension von Project Seven PVII an


_

[alphanumericAuf Bewährung]

genau das ... aber das kostet ja ... !!!

[Rinaldo]

Nicht alles im Internet gibt es immer gratis!

Aber bei Project 7 gibt es doch Tutorials, die Dir sicher helfen können…
Aber die sind ja in Englisch .... !!

[Torsten]

Zitat von alphanumeric

genau das ... aber das kostet ja ... !!!

Stell Dir aber mal vor, was Du für eine Zeitersparnis hast mit so einer Extension von Project Seven und dies nicht nur einmal

Das Menu Magic bietet mehrere Themes und Varianten ein Menue einzubinden und dies sehr komfortabel.

Aber sieh Dich ruhig mal in Ruhe dort um. Die Jungs von PVII haben auch so manche kostenlose Extension im Angebot. Vielleicht würde Dir das ja auch ersteinmal genügen...

_

[alphanumericAuf Bewährung]

Thx a lot!

Ein kostenloses Extension das sie anbieten is genau das was ich braucht thx!

[Rinaldo]

Wieviel es manchmal bringt, sich in Ruhe den Inhalt anzuschauen .

[alphanumericAuf Bewährung]

is mir auch aufgefallen .... mit Ruhe wird man auch wesentlich schneller auf auf Fehler aufmerksam - wie ich jetzt unterm weiteren Arbeiten gemerkt habe! *lol* es ist nicht gut wenn man dauernd unter Strom steht ... so wie ich !!!