PDA

Click to See Complete Forum and Search --> : DHTML Nav Menu

pmoreira
08-24-2003, 08:04 AM
Hi would anyone be kind enough to have a good DHTML nav menu along with the css file and be willing to share it?

Ive looked every where on info to do this myself but i can seem to find it.. maybe im not looking hard enough?:confused:

Any help is greatly appreciated

Many thanks in advance
Patman
xataku_nakusute
08-24-2003, 01:39 PM
i guess i will just give you something to work off of here, since id rather not just give away my code...
here you are:

<script type="text/javascript">
function menuOn(elmnt)
{
document.all(elmnt).style.visibility='visible';
document.all(elmnt).style.display='block';
}
function menuOff(elmnt)
{
document.all(elmnt).style.visibility='hidden';
document.all(elmnt).style.display='none';
}
</script>

those are your menu functions
here is the css:

<style type="text/css">
#menuHeader
{
color: #0000ff;
background-color: #ffffff;
font-family: verdana;
width: auto;
height: auto;
}
.menuItem
{
display: none;
visibility: hidden;
width: auto;
height: auto;
}
</style>

and finally, you call it like so:


<body>
<div id="menuHeader" onmouseover="menuOn('menu1')" onmouseout="menuOff('menu1')">
<div id="menu1" class="menuItem">This is Menu 1</div>
</div>
</body>

and you continue this on and on...

this is primarily used though for table menus, but usually using divs has success

hope that helps
pmoreira
08-29-2003, 10:57 AM
Hey xataku_nakusute

thanks for this... will put it to work this weekend...

Ill let you know how i go ...


Once again thanks for taking the time out to post this.

cheers

P@:p