[js] dropdown menu

**18-09-2002, 15:29**

na 2 dagen klooien heb ik het gehad ermee,
ik heb gezocht maar vond niks goeds...

Ik zoek een dropdown menu wat werkt met html, css en zo min mogelijk javascript..
Gewoon simpel olaag, submenu's etc zijn niet nodig, per menu kleuren aanpassen is ook niet nodig, dat doe ik wel met css dan..

weet iemand?
ik heb zelf geprobeerd
op scriptsites gezocht maar vond niks..

iemand ideeen?

JJzD · **18-09-2002, 17:22**

hoe weinig is weinig??

onmouseover document.this.visibility="visible"

that's all toch??

**18-09-2002, 17:47**

gewoon..
als ik erop kom, lijstje omlaag, als ik eraf ga lijstje weer weg..
en het moet over alles heen gaan, dus niet gewoon vaste tabellen zijn die dan gewoon van kleur veranderen zeg maar

chursel · **18-09-2002, 21:55**

en naar beneden gaan natuurlijk

en omhoog ( aanvulling laaste zin)

**19-09-2002, 16:07**

Citaat:

chursel schreef:
en naar beneden gaan natuurlijk en omhoog ( aanvulling laaste zin)

bazzemans · **19-09-2002, 19:11**

Zoiets

*ziet net dat het over alles heen moet gaan en het mogen geen vaste tabllen zijn dus is dit niet wat je zoekt...*

Het javascript:

Code:

<script type="text/javascript">
function showmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}

function hidemenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>

je moet dan ook stukje stylesheet hebben:

Code:

body{
	font-family : Arial;
	margin : 0 0 0 0;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	background : url(../gif/bg.gif);
}

table.black{font-size:80%;background:black}

a{
	color:black;
	text-decoration:none;
	font: bold;
}

a.bottom{
	font-family: arial;
	font-size : 10pt;
	font-weight : bold;
	text-decoration : none;
	color : Black;
	border:0;
}

a:hover{color:white}

td.menu{background:lightblue}

table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
background:black;
}

en deze structuur in de tabellen:

Code:

<table width="100%" class="black">
 <tr bgcolor="lightblue">
  <td onmouseover="showmenu('nieuws')" onmouseout="hidemenu('nieuws')" width="16%">
   <a href="nieuws.html" target="midden">&nbsp;Nieuws</a><br />
   <table class="menu" id="nieuws" width="100%">
   <tr><td class="menu"><a href="nieuws/lnieuws.php" target="midden"><div>&nbsp;> Laatste nieuws</div></a></td></tr>
   <tr><td class="menu"><a href="nieuws/nieuws.php" target="midden">&nbsp;> Archief</a></td></tr>
   <tr><td class="menu"><a href="pers.html" target="midden">&nbsp;> Pers</a></td></tr>
   </table>
  </td>
 </tr>
</table>

**19-09-2002, 20:21**

ik had iets op mijn site staan, maar mijn hostingprovider ligt op dit moment plat

Het is iig iets heel simpels, als

Code:

<script type="text/javascript">
function changestate( id )
{
  var elm = document.getElementById( id );
  elm.style.visibility = elm.style.visibility == "hidden" ? "visible" : "hidden";

}
</script>

...

<div id="een" onmouseover="changestate( 'twee' )" 
onmouseout="changestate( 'twee' )">
bla
</div>

<div id="twee" style="visibility: hidden">
bla
</div>

**19-09-2002, 22:29**

eddie, die werkt neit echt goed..

**20-09-2002, 19:52**

???
werkt perfect hoor...
http://www.erikdokter.nl/test.html

bazzemans · **21-09-2002, 21:23**

Citaat:

eddie schreef:
???
werkt perfect hoor...
http://www.erikdokter.nl/test.html

Niet echt hoor.. als je namelijk je muis verplaatst naar de onderste verdwijnt deze...

JJzD · **21-09-2002, 23:22**

Citaat:

bazzemans schreef:
Niet echt hoor.. als je namelijk je muis verplaatst naar de onderste verdwijnt deze...

even een delaytje??

**22-09-2002, 10:32**

Citaat:

bazzemans schreef:
Niet echt hoor.. als je namelijk je muis verplaatst naar de onderste verdwijnt deze...

Anders ga ik het hele script schrijven ofzo

Een beetje programmeur kan zelf wel een variatie bedenken van hoe het 'beter' kan...

(NFI)

fucking hero · **22-09-2002, 13:30**

Code:

 elm.style.visibility = elm.style.visibility == "hidden" ? "visible" : "hidden";

voorbeeldje van de meest krachtige functie van c & c-achtige talen

Topictools	Zoek in deze topic
Printversie tonen Deze pagina e-mailen	Zoek in deze topic: Geavanceerd zoeken

Soortgelijke topics
Forum	Topic	Reacties	Laatste bericht
Software & Hardware	[Centraal] Webdesign (HTML/CSS) & sitechecks Enlightenment	511	10-08-2006 15:14

18-09-2002, 15:29
Verwijderd	na 2 dagen klooien heb ik het gehad ermee, ik heb gezocht maar vond niks goeds... Ik zoek een dropdown menu wat werkt met html, css en zo min mogelijk javascript.. Gewoon simpel olaag, submenu's etc zijn niet nodig, per menu kleuren aanpassen is ook niet nodig, dat doe ik wel met css dan.. weet iemand? ik heb zelf geprobeerd op scriptsites gezocht maar vond niks.. iemand ideeen?

18-09-2002, 17:22
JJzD	hoe weinig is weinig?? onmouseover document.this.visibility="visible" that's all toch?? __________________ -\|-

18-09-2002, 17:47
Verwijderd	gewoon.. als ik erop kom, lijstje omlaag, als ik eraf ga lijstje weer weg.. en het moet over alles heen gaan, dus niet gewoon vaste tabellen zijn die dan gewoon van kleur veranderen zeg maar

18-09-2002, 21:55
chursel	en naar beneden gaan natuurlijk en omhoog ( aanvulling laaste zin) __________________ Lol Kattuk rulez nOordwijk ZUigt \| www.andreascollege.tk // klas : V2L Mentor : Plaatzer :)

19-09-2002, 22:29
Verwijderd	eddie, die werkt neit echt goed.. Laatst gewijzigd op 19-09-2002 om 22:31.

20-09-2002, 19:52
Verwijderd	??? werkt perfect hoor... http://www.erikdokter.nl/test.html Laatst gewijzigd op 20-09-2002 om 20:17.

22-09-2002, 13:30
fucking hero	Code: elm.style.visibility = elm.style.visibility == "hidden" ? "visible" : "hidden"; voorbeeldje van de meest krachtige functie van c & c-achtige talen

Advertentie