Het is dan wel een PHPhulp site :p maar ik zoek een menu in javascript, waarbij je als je over kop1 gaat, er een submenu1 uit komt.. Wanneer je over kop2 gaat, komt er het submenu2 uit. Wanneer je van die kopjes af gaat met je muis, blijft nog steeds het submenu eruit steken van het laatste kopje waar je over heen bent gegaan..

Beetje ingewikkeld uitgelegd.. maar het gaat er dus om, dat wanneer ik niet over 1 van die kopjes ga met me muis, dat er toch nog een submenu uit komt van 1 van die kopjes..

Voorbeeld:
- Ik vernieuw de pagina;
- Ik beweeg me muis nog niet!
- Ik zie dat submenu1 er al staat, zonder dat ik met mijn muis over het kopje heen ben gegaan.

Meestal is het zo, dat als ik met me muis van een kopje af ga, dat het submenu weer inklapt en je geen submenu's meer ziet.. dat is dus NIET mijn bedoeling.

Snappen jullie wat ik bedoel?
Weet iemand hier meer over? (Javascript)

Alvast bedankt! :)

Jip

17-02-2007 21:01

Tuurlijk, dat is makkelijker zelfs.

[code]
<div onmouseover="showSubmenu(1);">item 1</div>
<div id="submenu1" style="display: none; padding-left: 10px;">submenu 1</div>
<div onmouseover="showSubmenu(2);">item 2</div>
<div id="submenu2" style="display: none; padding-left: 10px;">submenu 2</div>
<div onmouseover="showSubmenu(3);">item 3</div>
<div id="submenu3" style="display: none; padding-left: 10px;">submenu 3</div>

<script type="text/javascript">
var g_CurrentMenu = 0;

function showSubmenu(i) {
if(g_CurrentMenu != 0)
document.getElementById('submenu'+g_CurrentMenu).style.display = 'none';

document.getElementById('submenu'+i).style.display = 'block';
g_CurrentMenu = i;
}
</script>
[code]

CrawlBackwards

17-02-2007 21:21

omg ik heb t ook ooit eerder gemaakt.. maar deed natuurlijk veel moeilijker..
dit zou idd goed en handig moeten werken.

Jip

17-02-2007 21:37

De truck is om gewoon altijd bij te houden welk item open is zodat je die sluit als je naar een ander item gaat. :)

Succes

Reageren

Inloggen om te reageren