Scholieren.com forum - [js] dropdown menu

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)

- - [js] dropdown menu (https://forum.scholieren.com/showthread.php?t=220993)

[js] dropdown menu

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?

hoe weinig is weinig??

onmouseover document.this.visibility="visible"

that's all toch??

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

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

Citaat:

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

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>

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

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>

eddie, die werkt neit echt goed..

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

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...

Citaat:

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

even een delaytje??

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 :s

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

(NFI)

Code:

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

voorbeeldje van de meest krachtige functie van c & c-achtige talen (y)