22-01-2008, 11:07
|
|
|
|
חבר מתאריך: 22.10.07
הודעות: 37
|
|
|
תפריט hide/show
יש לי תפריט hide/show.
כשאני עובר עם העכבר על נושא אחד והתפריט מתחתיו מתגלה,ואני לא נכנס לתוך התפריט עצמו אלא עובר ישר לנושא שנמצא בתא לידו, התפריט השני מתגלה אבל...--> התפריט הראשון לא נעלם.
נראה לי שמה שקורה זה שהפונקציה שאמורה להעלים את התפריט הראשון "נתפסת" ע"י התפריט השני, ולכן היא לא מבצעת יותר פעולות על התפריט הראשון.
האם ההשערה שלי נכונה?
מה ניתן לעשות?
קוד:
<html>
<head>
<script language ="javascript">
var t;
function showTable(menuId)
{
clearTimeout(t); //New line
document.getElementById(menuId).style.visibility=' visible';
}
function disPlayTable(menuId)
{
t=setTimeout(function() { document.getElementById(menuId).style.visibility=' hidden' },1000);
}
</script>
<style>
.div_Main_Menu
{
visibility: hidden;
position:absolute;
}
</style>
</head>
<body>
<table bgcolor="#D1DBBD" border="1" width="690" align="center" cellpadding="0" cellspacing="0" dir="ltr">
<tr height="10">
<td width="20%" onmouseover="showTable('cars_menu')" onmouseout="disPlayTable('cars_menu')"> cars <br/>
<div class="div_cars_Menu" id="cars_menu" onmouseover="showTable('cars_menu')" onmouseout="disPlayTable('cars_menu')">
<a href="testPage.htm" >Volvo</a><br />
<a href="testPage.htm" >Fiat</a> <br />
<a href="testPage.htm" >Reno</a>
</div>
</td>
<td width="20%" onmouseover="showTable('city_menu')" onmouseout="disPlayTable('city_menu')"> city <br/>
<div class="div_city_Menu" id="city_menu" onmouseover="showTable('city_menu')" onmouseout="disPlayTable('city_menu')">
<a href="testPage.htm" >Tlv</a><br />
<a href="testPage.htm" >Jerusalem</a> <br />
<a href="testPage.htm" >Haifa</a>
</div>
</td>
</tr>
</table>
</body>
</html>
|
ראשי
צ'אט
מצב כלאיים
