visuvacie menu

prosim vas ako spravim to ze po prichode misou na odkaz sa mi visunie menu, dakujem( tzv. kaskadove menu)

ja sem zatim videl js menu. Hmm moc se mi nelibi:-)

http://www.alistapart.com/articles/horizdropdowns/ ... jesli teda myslíš vysouvací ;)

Javascriptem. Do hlavičky dej tento skript:

<script language="javascript">

function getPositionByID(id) {
obj=document.getElementById(id);
objLeft=obj.offsetLeft;
objTop=obj.offsetTop;
}

function popUp(menuName,on) {
if (on){
moveLayers(menuName);
document.getElementById(menuName).style.visibility="visible";
}else{
document.getElementById(menuName).style.visibility="hidden";
}
}

function moveLayers(id) {
getPositionByID(id+"Parent")
document.getElementById(id).style.pixelTop;
document.getElementById(id).style.pixelLeft;
}
</script>


Potom si vytvoříš menu s dalšími odkazy:

<div id="menu1" style="position:absolute;top:63px;left:325px;visibility:hidden;z-index: 1">
<table cellspacing=0 cellpadding=0 onMouseover="popUp('menu1',true);" onMouseOut="popUp('menu1',false);">
<tr>
<td valign=middle class=Mytd onMouseover="popUp('menu1',true);"><a class=odkazmenu href="odkaz1.htm">Odkaz1</a></td></tr>
<tr>
<td valign=middle class=Mytd onMouseover="popUp('menu1',true);"><a class=odkazmenu href="odkaz2.htm">Odkaz2</a></td></tr></table>
</div>

Všimni si názvu id v DIVu, v tabulce a v buňkách tabulky- "menu1".
Pokud budeš chtít víc tabulek s pododkazy, tak pokračuj - "menu2", "menu3" atd.

Potom k samotnému odkazu dáš:

<a href="#" ONMOUSEOVER="javascript:popUp('menu1',true);" ONMOUSEOUT="popUp('menu1',false);" id="menu1Parent">Popup Menu</a>

nebo na http://www.java.tatousek.cz si to najdi:))