Многоуровневое меню
Помогите подалуйста с меню.....
Это сам скрипт (menu.js):
var ie4, nn4, nn6;
var rX, lX, tY, bY;
var zi=100;
ie4 = nn4 = nn6 = 0;
ie=document.all?1:0
n=document.layers?1:0
var MenuBars=new Array(4);
var ActiveMenuBars=new Array(2);
var ActiveMenuBarsCount=0;
var ActivePopUpLevel=-1;
var TOut
var Tm=400;
var ImgWidth=58;
var ImgHeight=80;
var BarLeft=10;
if(document.all)
{ie4=1; document.body.onmousemove=updateIt;}
if(document.layers)
{nn4=1; window.captureEvents(Event.MOUSEMOVE); window.onmousemove=updateIt;}
if(document.getElementById&&!ie4)
{nn6=1; document.body.onmousemove=updateIt;}
function dropit(e,oIEorNN6s,sOneNN,xMenu){
if(ie4){
oneIE = oIEorNN6s;
if (window.themenu&&themenu.id!=oneIE.id)
themenu.style.visibility="hidden";
themenu=oneIE;
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX-6;
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+20;
lX=themenu.style.posLeft-document.body.scrollLeft;
rX=lX+themenu.offsetWidth+4;
tY=themenu.style.posTop-document.body.scrollTop-29;
bY=themenu.offsetHeight+tY+25;
//updateIt(oneIE);
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zi++;
}
}
if(nn4){
if (window.themenu&&themenu.id!=eval(sOneNN).id)
themenu.visibility="hide";
themenu=eval(sOneNN);
if (themenu.visibility=="hide")
themenu.visibility="show";
themenu.zIndex++;
themenu.left=e.pageX-e.layerX-18;
themenu.top=e.pageY-e.layerY+20;
lX=themenu.left;
rX=lX+themenu.clip.width;
tY=themenu.top-49;
bY=themenu.top+themenu.clip.height;
return false;
}
if(nn6){
oneNN = document.getElementById(oIEorNN6s); //eval(sOneNN);
if (window.themenu&&themenu.id!=oneNN.id)
themenu.style.visibility="hidden";
themenu=oneNN;
themenu.style.left=xMenu;
themenu.style.top=146;
lX=parseInt(themenu.style.left);
rX=lX+themenu.offsetWidth;
tY=parseInt(themenu.style.top);
bY=themenu.offsetHeight+tY+25;
//updateIt(oneNN);
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zi++;
}
}
}
function dropit2(e,oIEorNN6s,sOneNN,xMenu){
if(ie4){
oneIE = oIEorNN6s;
if (window.themenu&&themenu.id!=oneIE.id)
themenu.style.visibility="visible";
themenu=oneIE;
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX+9;
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY-10;
lX=themenu.style.posLeft-document.body.scrollLeft;
rX=lX+themenu.offsetWidth+4;
tY=themenu.style.posTop-document.body.scrollTop-29;
bY=themenu.offsetHeight+tY+25;
//updateIt(oneIE);
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zi++;
}
}
if(nn4){
if (window.themenu&&themenu.id!=eval(sOneNN).id)
themenu.visibility="show";
themenu=eval(sOneNN);
if (themenu.visibility=="hide")
themenu.visibility="show";
themenu.zIndex++;
themenu.left=e.pageX-e.layerX-18;
themenu.top=e.pageY-e.layerY+20;
lX=themenu.left;
rX=lX+themenu.clip.width;
tY=themenu.top-49;
bY=themenu.top+themenu.clip.height;
return false;
}
if(nn6){
oneNN = document.getElementById(oIEorNN6s); //eval(sOneNN);
if (window.themenu&&themenu.id!=oneNN.id)
themenu.style.visibility="visible";
themenu=oneNN;
themenu.style.left=xMenu;
themenu.style.top=146;
lX=parseInt(themenu.style.left);
rX=lX+themenu.offsetWidth;
tY=parseInt(themenu.style.top);
bY=themenu.offsetHeight+tY+25;
//updateIt(oneNN);
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zi++;
}
}
}
function hidemenu (whichone){
if(ie4) hidemenu1 (whichone);
if(nn6) hidemenu3();
if(nn4) hidemenu2();
}
function hidemenu1(whichone){
if(window.themenu)
themenu.style.visibility="hidden";
hidemenu2();
}
function hidemenu2(){
if(typeof(themenu)!="undefined")
themenu.visibility="hide";
}
function hidemenu3(){
if (themenu.style.visibility=="visible")
themenu.style.visibility="hidden";
}
function updateIt(oneIE){
var x,y
if(ie4){
x=window.event.clientX;
y=window.event.clientY;
if(x>rX || x<lX) hidemenu(oneIE);
else if(y>bY+1 || y<tY) hidemenu1(oneIE);
}
if(nn6){
x=oneIE.clientX;
y=oneIE.clientY;
if(x>rX || x<lX) hidemenu3();
else if(y>bY+1 || y<tY-30) hidemenu3();
}
if(nn4){
x=oneIE.pageX;
y=oneIE.pageY;
if(x>rX || x<=lX-1) hidemenu2();
else if(y>bY || y<tY) hidemenu2();
}
}
function hiddenLayer(elem) {
document.getElementById(elem).style.visibility = 'hidden';
}
function showLayer(elem) {
document.getElementById(elem).style.visibility = 'visible';
document.getElementById(elem).style.left=document.body.scrollLeft+event.clientX-event.offsetX+59;
document.getElementById(elem).style.top=document.body.scrollTop+event.clientY-event.offsetY-3;
}
Это файл:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body marginwidth="0" marginheight="0">
<script language="JavaScript" src="menu.js"></script>
<DIV id=dropmenu2
style=" VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; TOP: 0px;">
<table cellpadding="0" cellspacing="0" width=90>
<tr>
<td bgcolor=#D8D8D8 width=1>
<td width=88 bgcolor=#ffffff align=center>
<table cellpadding="0" cellspacing="0" width='74'>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=men">88888888</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr>
<td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=girls">88888888</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=glamour">888888</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=children">5555</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=person">4444</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a onmouseover="showLayer('dropmenu4');" onmouseout="hiddenLayer();" href="index.php" id=menu>121212</A>
<tr><td valign=top height=2>
</table>
<td bgcolor=#D8D8D8 width=1>
<tr>
<td bgcolor=#D8D8D8 colspan=3 height=1>
</table></DIV>
<DIV id=dropmenu4
style=" VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; TOP: 0px">
<table cellpadding="0" cellspacing="0" width=105>
<tr>
<td bgcolor=#D8D8D8 width=1>
<td width=73 bgcolor=#ffffff align=center>
<table cellpadding="0" cellspacing="0" width='109'>
<tr><td valign=top> <img src='images/s2.gif'><td><a onmouseout="hiddenLayer('dropmenu4');" id=menu href="mslu.php">1212</A>
<tr><td valign=top height=2>
</table>
<td bgcolor=#D8D8D8 width=1>
<tr>
<td bgcolor=#D8D8D8 colspan=3 height=1>
</table>
</DIV>
<DIV id=dropmenu3
style=" VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; TOP: 0px">
<table cellpadding="0" cellspacing="0" width=75>
<tr>
<td bgcolor=#D8D8D8 width=1>
<td width=73 bgcolor=#ffffff align=center>
<table cellpadding="0" cellspacing="0" width='59'>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="faq.php">faq</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="articles.php">1212</A>
<tr><td valign=top height=2>
</table>
<td bgcolor=#D8D8D8 width=1>
<tr>
<td bgcolor=#D8D8D8 colspan=3 height=1>
</table>
</DIV>
<table width="100%" height='100%' border="0" cellpadding="0" cellspacing="0" align=center>
<tr><td height='100%'>
<table width="680" border="0" cellpadding="0" cellspacing="0" align=center>
<tr><td width=135><a href="index.php" title=1212'><img src='images/logo.jpg' width=135 height=109 border=0 alt=1212'></a>
<td valign=top width=410 style='padding-left:40'><center> <img src='images/head.gif' width=268 height=58>
<br><br>
<table width='100%' align=center border=0 cellspacing="0" cellpadding="5">
<tr>
<td align=center>
<a href="about.php" id=menu><b>об авторе</b></a>
<td align=center>
<a onmouseover="dropit(event,(nn6) ? 'dropmenu2' : dropmenu2,'document.dropmenu2',245);" href="index.php" id=menu><b>5</b></a>
<td align=center>
<a href="services.php" id=menu><b>2</b></a>
<td align=center>
<a href="model.php" id=menu><b>1</b></a>
<td align=center>
<a onmouseover="dropit(event,(nn6) ? 'dropmenu3' : dropmenu3,'document.dropmenu3',245);" href="#" id=menu><b>клиентам</b></a>
<td align=center>
<a href="contact.php" id=menu><b>контакт</b></a> </table>
<td width=135 align=right><img src='images/tr.gif' width=87 height=86>
<tr><td colspan=3 style='padding-top:30; padding-bottom:30;' class=font>
</table>
</body>
</html>
про наведении на меню 5 подменю 121212 то не пропадает 3 подменю 12
как от этого уйти!!!
помогите!
Это сам скрипт (menu.js):
var ie4, nn4, nn6;
var rX, lX, tY, bY;
var zi=100;
ie4 = nn4 = nn6 = 0;
ie=document.all?1:0
n=document.layers?1:0
var MenuBars=new Array(4);
var ActiveMenuBars=new Array(2);
var ActiveMenuBarsCount=0;
var ActivePopUpLevel=-1;
var TOut
var Tm=400;
var ImgWidth=58;
var ImgHeight=80;
var BarLeft=10;
if(document.all)
{ie4=1; document.body.onmousemove=updateIt;}
if(document.layers)
{nn4=1; window.captureEvents(Event.MOUSEMOVE); window.onmousemove=updateIt;}
if(document.getElementById&&!ie4)
{nn6=1; document.body.onmousemove=updateIt;}
function dropit(e,oIEorNN6s,sOneNN,xMenu){
if(ie4){
oneIE = oIEorNN6s;
if (window.themenu&&themenu.id!=oneIE.id)
themenu.style.visibility="hidden";
themenu=oneIE;
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX-6;
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+20;
lX=themenu.style.posLeft-document.body.scrollLeft;
rX=lX+themenu.offsetWidth+4;
tY=themenu.style.posTop-document.body.scrollTop-29;
bY=themenu.offsetHeight+tY+25;
//updateIt(oneIE);
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zi++;
}
}
if(nn4){
if (window.themenu&&themenu.id!=eval(sOneNN).id)
themenu.visibility="hide";
themenu=eval(sOneNN);
if (themenu.visibility=="hide")
themenu.visibility="show";
themenu.zIndex++;
themenu.left=e.pageX-e.layerX-18;
themenu.top=e.pageY-e.layerY+20;
lX=themenu.left;
rX=lX+themenu.clip.width;
tY=themenu.top-49;
bY=themenu.top+themenu.clip.height;
return false;
}
if(nn6){
oneNN = document.getElementById(oIEorNN6s); //eval(sOneNN);
if (window.themenu&&themenu.id!=oneNN.id)
themenu.style.visibility="hidden";
themenu=oneNN;
themenu.style.left=xMenu;
themenu.style.top=146;
lX=parseInt(themenu.style.left);
rX=lX+themenu.offsetWidth;
tY=parseInt(themenu.style.top);
bY=themenu.offsetHeight+tY+25;
//updateIt(oneNN);
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zi++;
}
}
}
function dropit2(e,oIEorNN6s,sOneNN,xMenu){
if(ie4){
oneIE = oIEorNN6s;
if (window.themenu&&themenu.id!=oneIE.id)
themenu.style.visibility="visible";
themenu=oneIE;
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX+9;
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY-10;
lX=themenu.style.posLeft-document.body.scrollLeft;
rX=lX+themenu.offsetWidth+4;
tY=themenu.style.posTop-document.body.scrollTop-29;
bY=themenu.offsetHeight+tY+25;
//updateIt(oneIE);
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zi++;
}
}
if(nn4){
if (window.themenu&&themenu.id!=eval(sOneNN).id)
themenu.visibility="show";
themenu=eval(sOneNN);
if (themenu.visibility=="hide")
themenu.visibility="show";
themenu.zIndex++;
themenu.left=e.pageX-e.layerX-18;
themenu.top=e.pageY-e.layerY+20;
lX=themenu.left;
rX=lX+themenu.clip.width;
tY=themenu.top-49;
bY=themenu.top+themenu.clip.height;
return false;
}
if(nn6){
oneNN = document.getElementById(oIEorNN6s); //eval(sOneNN);
if (window.themenu&&themenu.id!=oneNN.id)
themenu.style.visibility="visible";
themenu=oneNN;
themenu.style.left=xMenu;
themenu.style.top=146;
lX=parseInt(themenu.style.left);
rX=lX+themenu.offsetWidth;
tY=parseInt(themenu.style.top);
bY=themenu.offsetHeight+tY+25;
//updateIt(oneNN);
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible";
themenu.style.zIndex=zi++;
}
}
}
function hidemenu (whichone){
if(ie4) hidemenu1 (whichone);
if(nn6) hidemenu3();
if(nn4) hidemenu2();
}
function hidemenu1(whichone){
if(window.themenu)
themenu.style.visibility="hidden";
hidemenu2();
}
function hidemenu2(){
if(typeof(themenu)!="undefined")
themenu.visibility="hide";
}
function hidemenu3(){
if (themenu.style.visibility=="visible")
themenu.style.visibility="hidden";
}
function updateIt(oneIE){
var x,y
if(ie4){
x=window.event.clientX;
y=window.event.clientY;
if(x>rX || x<lX) hidemenu(oneIE);
else if(y>bY+1 || y<tY) hidemenu1(oneIE);
}
if(nn6){
x=oneIE.clientX;
y=oneIE.clientY;
if(x>rX || x<lX) hidemenu3();
else if(y>bY+1 || y<tY-30) hidemenu3();
}
if(nn4){
x=oneIE.pageX;
y=oneIE.pageY;
if(x>rX || x<=lX-1) hidemenu2();
else if(y>bY || y<tY) hidemenu2();
}
}
function hiddenLayer(elem) {
document.getElementById(elem).style.visibility = 'hidden';
}
function showLayer(elem) {
document.getElementById(elem).style.visibility = 'visible';
document.getElementById(elem).style.left=document.body.scrollLeft+event.clientX-event.offsetX+59;
document.getElementById(elem).style.top=document.body.scrollTop+event.clientY-event.offsetY-3;
}
Это файл:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body marginwidth="0" marginheight="0">
<script language="JavaScript" src="menu.js"></script>
<DIV id=dropmenu2
style=" VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; TOP: 0px;">
<table cellpadding="0" cellspacing="0" width=90>
<tr>
<td bgcolor=#D8D8D8 width=1>
<td width=88 bgcolor=#ffffff align=center>
<table cellpadding="0" cellspacing="0" width='74'>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=men">88888888</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr>
<td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=girls">88888888</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=glamour">888888</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=children">5555</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="smotrim.php?cat=person">4444</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a onmouseover="showLayer('dropmenu4');" onmouseout="hiddenLayer();" href="index.php" id=menu>121212</A>
<tr><td valign=top height=2>
</table>
<td bgcolor=#D8D8D8 width=1>
<tr>
<td bgcolor=#D8D8D8 colspan=3 height=1>
</table></DIV>
<DIV id=dropmenu4
style=" VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; TOP: 0px">
<table cellpadding="0" cellspacing="0" width=105>
<tr>
<td bgcolor=#D8D8D8 width=1>
<td width=73 bgcolor=#ffffff align=center>
<table cellpadding="0" cellspacing="0" width='109'>
<tr><td valign=top> <img src='images/s2.gif'><td><a onmouseout="hiddenLayer('dropmenu4');" id=menu href="mslu.php">1212</A>
<tr><td valign=top height=2>
</table>
<td bgcolor=#D8D8D8 width=1>
<tr>
<td bgcolor=#D8D8D8 colspan=3 height=1>
</table>
</DIV>
<DIV id=dropmenu3
style=" VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; TOP: 0px">
<table cellpadding="0" cellspacing="0" width=75>
<tr>
<td bgcolor=#D8D8D8 width=1>
<td width=73 bgcolor=#ffffff align=center>
<table cellpadding="0" cellspacing="0" width='59'>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="faq.php">faq</A>
<tr><td bgcolor=#E8E8E7 colspan=2>
<tr><td valign=top> <img src='images/s2.gif'><td><a id=menu href="articles.php">1212</A>
<tr><td valign=top height=2>
</table>
<td bgcolor=#D8D8D8 width=1>
<tr>
<td bgcolor=#D8D8D8 colspan=3 height=1>
</table>
</DIV>
<table width="100%" height='100%' border="0" cellpadding="0" cellspacing="0" align=center>
<tr><td height='100%'>
<table width="680" border="0" cellpadding="0" cellspacing="0" align=center>
<tr><td width=135><a href="index.php" title=1212'><img src='images/logo.jpg' width=135 height=109 border=0 alt=1212'></a>
<td valign=top width=410 style='padding-left:40'><center> <img src='images/head.gif' width=268 height=58>
<br><br>
<table width='100%' align=center border=0 cellspacing="0" cellpadding="5">
<tr>
<td align=center>
<a href="about.php" id=menu><b>об авторе</b></a>
<td align=center>
<a onmouseover="dropit(event,(nn6) ? 'dropmenu2' : dropmenu2,'document.dropmenu2',245);" href="index.php" id=menu><b>5</b></a>
<td align=center>
<a href="services.php" id=menu><b>2</b></a>
<td align=center>
<a href="model.php" id=menu><b>1</b></a>
<td align=center>
<a onmouseover="dropit(event,(nn6) ? 'dropmenu3' : dropmenu3,'document.dropmenu3',245);" href="#" id=menu><b>клиентам</b></a>
<td align=center>
<a href="contact.php" id=menu><b>контакт</b></a> </table>
<td width=135 align=right><img src='images/tr.gif' width=87 height=86>
<tr><td colspan=3 style='padding-top:30; padding-bottom:30;' class=font>
</table>
</body>
</html>
про наведении на меню 5 подменю 121212 то не пропадает 3 подменю 12
как от этого уйти!!!
помогите!