[Oscar11]

Hej.

Jag har ett litet problem som säkert är något superenkelt för ni som kan javascript.
Det gäller en dropdownmeny. Här är bilden på dropdownen

När jag klickar på fliken (övriga tjänster) vill jag att fliken byter div i samband med menyn droppar ner. Fliken ska bli svart, alltså att den är "aktiv". Menyn åker upp efter 1 sekund då man drar bort muspekaren över menyn.

Det ska helt enkelt vara en funktion som säger att: när du klickar på fliken ska den byta div till = X. Och när du drar bort musen från menyn så ska fliken ändras till diven som är "off" i samband med dropdownen.

Vet inte om jag gjort det för komplicerat men det är en enkel grej.

Här är koden i bodyn iaf.

<ul id="sddm">
<li><a href="#"
onmousedown="mopen('m1')"
onmouseout="mclosetime()">&Ouml;vriga tj&auml;nster</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="index.php?p=omekonomi">Ekonomi info</a>
<linedrop></linedrop>
<a href="#">Vädret</a>

<div id="linedrop"></div>
<a href="#">Nyheter</a>
<div id="linedrop"></div>
<a href="#">Tv-tablå</a>
</div>
</li>
</ul>

[taz76]

Lite bra läsning:
http://docs.jquery.com/Effects/hide
http://docs.jquery.com/Effects/show

[objx]

Har du kollat så att det inte går att lösa helt utan javascript?
Gjorde en snabb sökning på Google och hittade denna tutorial:
http://ago.tanfa.co.uk/css/examples/...utorial-h.html

Här åstadkommer man en "dropdown"-meny som endast använder CSS och :hover-regler.
Det skulle ju nog inte vara ett problem att modifiera detta exempel så att menyobjektet ändrar bakgrundsfärg, textfärg, teckensnitt etc. vid "mouseover"/hover.

Även om du vill lägga på effekter med javascript (t.ex. animationer etc.) så kan det vara klokt att det i grund och botten finns en meny som inte är beroende av Javascript.

Lycka till!

[Lindahl]

Med modernare webbläsare går det alldeles utmärkt att lösa detta med CSS utan en enda rad javascript. Dock kan det behöva kompletteras med några få rader script för att få till kompatibiliteten i äldre webbläsare. Googla på "Suckerfish".

[tartareandesire]

Ursprungligen postat av Lindahl

Med modernare webbläsare går det alldeles utmärkt att lösa detta med CSS utan en enda rad javascript. Dock kan det behöva kompletteras med några få rader script för att få till kompatibiliteten i äldre webbläsare. Googla på "Suckerfish".

Jag rekommenderar Superfish framför den äldre varianten.

[Oscar11]

Jag vet att man kan göra en dropdwn med css. Men på IE "droppar" inte menyn ner. testat med alla metoder. Positions osv men det går inte att få den att funka.

Problemet sker endast när jag lägger in menyn på sidan.