Publicado em 28 de dez.

com este script

Olá

Este script serve para criar um menu desdobravel, mais esta com um problema, quando eu clico no item de menu principal, o submenu se abre, mais quando vou tentar clicar no submenu ele some.

<html><head><title>menu</title><style>	body,p,table,td.input,textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000033;	}	a{ text-decoration:none; color:#000000;	}	.special { position:relative; top:0px; left:0px; background-color:#ffffff;	}</style><script language="javascript">function menu(){	submenu = [];	for(i=0; i<6; i++) submenu[i] = [];	textmenu = [];	for(i=0; i<6; i++) textmenu[i] = [];	textmenu[0][0] = ["Novo","Abrir","Abrir Como...","Salvar","Salvar Como..."]	textmenu[0][1] = ["","","","",""];	textmenu[1][0] = ["Recortar","Copiar","Colar","Colar Especial","Limpar tudo","Options","Customize"]	textmenu[1][1] = ["","","","","","",""];	textmenu[2][0] = ["Barras de ferramentas","Barra de Status","Barras do Explorer","Mostrar Imagem","Codigo Fonte","Tela Inteira"]	textmenu[2][1] = ["","","","","",""];	textmenu[3][0] = ["Adicionar a Favoritos","Configurar","Excluir Favoritos"]	textmenu[3][1] = ["","",""];	textmenu[4][0] = ["Sincronizar","Windows Update","Messenger","Opcoes de Internet"]	textmenu[4][1] = ["","","",""];	textmenu[5][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]	textmenu[5][1] = ["","","","",""];	menus = [];	if(document.getElementById){ menus[0] = document.getElementById("Layer1"); menus[1] = document.getElementById("Layer2"); menus[2] = document.getElementById("Layer3"); menus[3] = document.getElementById("Layer4"); menus[4] = document.getElementById("Layer5"); menus[5] = document.getElementById("Layer6"); menuinterno = document.getElementById("menu"); //menu.setAttribute("position","absolute") function over(){ this.style.backgroundColor = '#B2B4BF'; } function out(){ this.style.backgroundColor = '#ffffff'; } function show(){ this.style.visibility='visible'; } function hide(){ this.style.visibility='hidden'; } for(j=0; j<textmenu.length; j++){ for (i=0; i<textmenu[j][0].length; i++){ //alert(textmenu[j][0][i]) textmenu[j][0][i] = "<a href='"+textmenu[j][1][i]+"' target='_blank'>" + textmenu[j][0][i] + "</a>"; submenu[j][i] = document.createElement("DIV"); submenu[j][i].setAttribute("className", "special"); submenu[j][i].innerHTML = textmenu[j][0][i]; submenu[j][i].style.padding = "5px"; submenu[j][i].onmouseover = over; submenu[j][i].onmouseout = out; menus[j].appendChild(submenu[j][i]); } menus[j].style.top = (parseInt(menuinterno.style.top)+parseInt(menuinterno.style.height)); menus[j].onmouseover = show; menus[j].onmouseout = hide; } }}window.onload = menu;</script><link href="estilo.css" rel="stylesheet" type="text/css"></head><body><div id="Layer1" style="position:absolute; left:133px; top:10px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer2" style="position:absolute; left:132px; top:25px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer3" style="position:absolute; left:132px; top:37px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer4" style="position:absolute; left:132px; top:55px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer5" style="position:absolute; left:132px; top:70px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer6" style="position:absolute; left:132px; top:87px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="menu" style="position:absolute; top:10px; left:10px; width:122px; height:23px; z-index:1000;"> <table width="122" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[0].onmouseover()" onMouseOut="menus[0].onmouseout()">HOME</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[1].onmouseover()" onMouseOut="menus[1].onmouseout()">QUEM SOMOS</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[2].onmouseover()" onMouseOut="menus[2].onmouseout()">INSTALAÇÕES</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[3].onmouseover()" onMouseOut="menus[3].onmouseout()">HISTÓRIA</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[4].onmouseover()" onMouseOut="menus[4].onmouseout()">ADMINISTRAÇÃO</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[5].onmouseover()" onMouseOut="menus[5].onmouseout()">CRECHE</a> <strong>::</strong></td> </tr>	</table></div><br><br><br></body></html>Podem me ajudar por favor??

Obrigado

Dri.

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...

<html><head><title>menu</title><style> body,p,table,td.input,textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000033; } a{ text-decoration:none; color:#000000; } .special { position:relative; top:0px; left:0px; background-color:#ffffff; }</style><script language="javascript">function menu(){ submenu = []; for(i=0; i<6; i++) submenu[i] = []; textmenu = []; for(i=0; i<6; i++) textmenu[i] = []; textmenu[0][0] = ["Novo","Abrir","Abrir Como...","Salvar","Salvar Como..."] textmenu[0][1] = ["","","","",""]; textmenu[1][0] = ["Recortar","Copiar","Colar","Colar Especial","Limpar tudo","Options","Customize"] textmenu[1][1] = ["","","","","","",""]; textmenu[2][0] = ["Barras de ferramentas","Barra de Status","Barras do Explorer","Mostrar Imagem","Codigo Fonte","Tela Inteira"] textmenu[2][1] = ["","","","","",""]; textmenu[3][0] = ["Adicionar a Favoritos","Configurar","Excluir Favoritos"] textmenu[3][1] = ["","",""]; textmenu[4][0] = ["Sincronizar","Windows Update","Messenger","Opcoes de Internet"] textmenu[4][1] = ["","","",""]; textmenu[5][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"] textmenu[5][1] = ["","","","",""]; menus = []; if(document.getElementById){ menus[0] = document.getElementById("Layer1"); menus[1] = document.getElementById("Layer2"); menus[2] = document.getElementById("Layer3"); menus[3] = document.getElementById("Layer4"); menus[4] = document.getElementById("Layer5"); menus[5] = document.getElementById("Layer6"); menuinterno = document.getElementById("menu"); //menu.setAttribute("position","absolute") function over(){ this.style.backgroundColor = '#B2B4BF'; } function out(){ this.style.backgroundColor = '#ffffff'; } function show(){ this.style.visibility='visible'; } function hide(){ this.style.visibility='hidden'; } for(j=0; j<textmenu.length; j++){ for (i=0; i<textmenu[j][0].length; i++){ //alert(textmenu[j][0][i]) textmenu[j][0][i] = "<a href='"+textmenu[j][1][i]+"' target='_blank'>" + textmenu[j][0][i] + "</a>"; submenu[j][i] = document.createElement("DIV"); submenu[j][i].setAttribute("className", "special"); submenu[j][i].innerHTML = textmenu[j][0][i]; submenu[j][i].style.padding = "5px"; submenu[j][i].onmouseover = over; submenu[j][i].onmouseout = out; menus[j].appendChild(submenu[j][i]); } menus[j].style.top = (parseInt(menuinterno.style.top)+parseInt(menuinterno.style.height)); menus[j].onmouseover = show; menus[j].onmouseout = hide; } }}window.onload = menu;</script><link href="estilo.css" rel="stylesheet" type="text/css"></head><body><div id="Layer1" style="position:absolute; left:133px; top:10px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer2" style="position:absolute; left:132px; top:25px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer3" style="position:absolute; left:132px; top:37px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer4" style="position:absolute; left:132px; top:55px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer5" style="position:absolute; left:132px; top:70px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="Layer6" style="position:absolute; left:132px; top:87px; width:170px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden"></div><div id="menu" style="position:absolute; top:10px; left:10px; width:122px; height:23px; z-index:1000;"> <table width="122" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[0].onmouseover()" onMouseOut="menus[0].onmouseout()">HOME</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[1].onmouseover()" onMouseOut="menus[1].onmouseout()">QUEM SOMOS</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[2].onmouseover()" onMouseOut="menus[2].onmouseout()">INSTALAÇÕES</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[3].onmouseover()" onMouseOut="menus[3].onmouseout()">HISTÓRIA</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[4].onmouseover()" onMouseOut="menus[4].onmouseout()">ADMINISTRAÇÃO</a> <strong>::</strong></td> </tr> <tr> <td width="128" class="menu"> <strong>::</strong> <a href="javascript:void(null)" onMouseDown="menus[5].onmouseover()" onMouseOut="menus[5].onmouseout()">CRECHE</a> <strong>::</strong></td> </tr> </table></div><br><br><br></body></html>Podem me ajudar por favor??