Hvala, to sam vec pobao, ali ne radi... ako tako uradim funkcija se jednostavno ne pozove na dogadjaj onmouseout. Gde gresim, pojma nema, evo kod pa ako neko ima nerve da pogleda bicu mu zahvalan:
Code:
<html>
<head>
<title>TEST</title>
<style type="text/css">
.menuTable{
z-index:1;
background: #7790B1;
width: 200px;
}
.submenu{
z-index:1;
background: #D9EBEF;
display:none;
width: 200px;
}
td{
text-align: center;
font-family: verdana,helvetica,arial;
font-size: 12pt;
width: 200px;
}
</style>
<script type="text/javascript">
function showSubMenu(item)
{
document.getElementById('file').style.background= "#939220";
document.getElementById(item.parentNode.parentNode.parentNode.id + "menu").style.display= "block";
}
function hideSubMenu(item)
{
document.getElementById('file').style.backgruond= "#7790B1";
document.getElementById(item.id+"menu").style.dysplay="none";
}
</script>
</head>
<body id="bodyProba">
<h1 onmousedown="return false;" onselectstart="return false;"> TEST </h1>
<div onmouseout= "hideSubMenu(document.getElementById('file'))">
<table border="1" id="file" class="menuTable" onmousedown="return false;" onselectstart="return false;">
<tr>
<td onmouseover="showSubMenu(this)">File</td>
</tr>
<tr>
<td>
<table id="filemenu" class="submenu" onmousedown="return false;" onselectstart="return false;">
<tr>
<td>prvi</td>
</tr>
<tr>
<td>drugi</td>
</tr>
<tr>
<td>treci</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
Ovo radim cisto u edukativne svrhe, u finalnoj verziji to bi trebalo da bude neki meni... svestan sam da sigurno postoje drugi i bolji nacini da se to uradi, ali mene jednostavno zanima ovaj nacin, hocu da razumem zasto ovo ne radi jer, kao sto rekoh, edukacija je u pitanju :)...
P.S. Prvi red u obe funkcije sam "zabetonirao" u kod samo da vidim da li se funkcija poziva.
