[DHTML] positionering van pulldown menu's - Softwareontwikkeling

maandag 15 maart 2004 11:34

Acties:

Verwijderd

Topicstarter

Hallo,
Ik maak in een website gebruik van een pulldown menu. Dit met behulp van DIVjes die invisible zijn, en visible worden wanneer er men met de muis over een hoofditem gaat.

Een voorbeeld:

De hoofditem

HTML:

1 2	<?include ("submenu.php");?> <a class="blue" href="javascript://" onmouseover="openMenu('MENU1')" onmouseout="hideTimer=setTimeout('closeMenu()',500)">Hoofditem</a> \|

submenu.php

HTML:

<div id="MENU1"
    style="position:absolute;left:34%;top:48px;width:90px;background-color:#002E4F;visibility:hidden"
    onmouseover="clearTimeout(hideTimer)"
    onmouseout="hideTimer=setTimeout('closeMenu()',500)">

<a class="wit" href="index.php?mh=1&menu=1">&nbsp;SubmenuItem</a>
</div>

Dit werkt allemaal heel mooi. Alleen zit met het positionering van deze invisible menuutjes. Want wanneer ik mijn site een align=center geef, dan wordt de plaats van de voor gedefineerde menuutjes afhankelijk van de resolutie. Dus bij een resolutie van 800:600 staan ze anders dan bij b.v 1024:768.

Nou heb ik een scriptje gevonden die uitlegt dat ik mijn site in een div kan zetten, en dat deze menuutjes dan vanaf de rand van deze 'hoofd div' gepositioneerd kunnen worden <-- dat betekent dus dat de plaats altijd hetzelfde blijft, no matter de resolutie.

Voorbeeld hiervan is:

HTML:

<body>
<div ID=parent align="center">
<p ID=parent  class="first">Hello</p>
</div>
</body>

css die hier bij hoort:

Cascading Stylesheet:

#parent {
 position: relative;
 height: 200px;
}

#parent p.first {
 position: absolute;
 top: 20px;
 left: 200px;
}

Dit werkt dus ook heel mooi allemaal. De 'Hello' blijft netjes staan als ik de resolutie verander.

Alleen hoe ik deze met het menu scriptje samen breng?? Daar loop ik vast. Omdat de submenu DIV al een ID heeft zodat de hoofditem weet welke hij visible moet maken als men er met de muis over heen gaat. Hoop dat de vraag een beetje duidelijk is.

Iemand een oplossing??

Gr Rappas

maandag 15 maart 2004 11:37

Acties:

André

Analytics dude

Hoe je die met het menu scriptje samenbrengt??? Wat bedoel je daarmee?

maandag 15 maart 2004 11:38

Acties:

whoami

HTML hoort niet thuis in P&W
-> W&G.

**** over Javascript en HTML topics ****

[ Voor 45% gewijzigd door whoami op 15-03-2004 11:39 ]

https://fgheysels.github.io/

maandag 15 maart 2004 11:45

Acties:

Verwijderd

Topicstarter

Uitleg:

Ik heb dat eerste scriptje in mijn website, een pulldown menuutje dus.
Hoe kan ik deze submenu zo uitlijnen dat de positie waardes vanaf een DIV die er om heen zit wordt berekent, dus niet vanaf de BODY.

De techniek staat in het tweede voorbeeld die ik heb weergegeven. De submenu heeft al een ID in gebruik voor wat anders, dus ik kan hem niet meer de #parent ID meegeven. Dus hoe kan ik dit oplossen??

Gr

maandag 15 maart 2004 11:55

Acties:

Pelle

🚴‍♂️

Als je ergens anders een scriptje jat, dan gaan wij hier niet voor jou verzinnen hoe je dat aan moet passen. En zeker niet als jij je zo helpdeskerig op blijft stellen.