Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

julianoPOA

Esconder/Mostrar Submenu

Por , em Javascript

Recommended Posts

julianoPOA    0

julianoPOA
Postado

Estou com enormes dificulddes para fazer funcionar isso..

 

----------- MEU HTML

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}--></style><link href="estilol_easy.css" rel="stylesheet" type="text/css"><script language=JavaScript src="scripts_menu.js"></SCRIPT><script>function getCookie(nome_do_cookie){	if(document.cookie.length > 0){		begin = document.cookie.indexOf(nome_do_cookie + "=");	if(begin != -1){		begin += nome_do_cookie.length+1;		end = document.cookie.indexOf(";", begin);	if(end == -1) {		end = document.cookie.length;	}	return unescape(document.cookie.substring(begin, end));	}	}return null;}function estadoCookie(){	var estadin = getCookie('mostraMenu');	if ( estadin == 'm01' ){		document.getElementById("menu01").style.display = "";		document.getElementById("menu02").style.display = "none";		document.getElementById("menu03").style.display = "none";		document.cookie = 'mostraMenu' + "=" + 'm01';	} else if ( estadin == 'm02' ){		document.getElementById("menu01").style.display = "none";		document.getElementById("menu02").style.display = "";		document.getElementById("menu03").style.display = "none";		document.cookie = 'mostraMenu' + "=" + 'm02';	} else if ( estadin == 'm03' ){		document.getElementById("menu01").style.display = "";		document.getElementById("menu02").style.display = "none";		document.getElementById("menu03").style.display = "none";		document.cookie = 'mostraMenu' + "=" + 'm03';	}}</script></head><body onLoad="estadoCookie()"><table width="220" border="0" cellpadding="0" cellspacing="0">  <!--DWLayoutTable-->  <tr onmouseover="mOvr(this,'#2B79A8')"onmouseout="mOut(this,'#999999')" bgColor=#999999>	<td width="220" height="40" valign="top" class="bt_menu_vertical" onClick="document.cookie = 'mostraMenu' + "=" + 'm01'"><a href="http://www.terra.com.br" target="_blank">ITEM 1 </a></td>  </tr></table><div id="menu01" style="display:none"> <table width="220" border="0" cellpadding="0" cellspacing="0">  <!--DWLayoutTable-->  <tr onmouseover="mOvr(this,'#95BCD3')"onmouseout="mOut(this,'#a7a7a7')" bgColor=#a7a7a7>	<td width="220" height="25" valign="top" class="bt_submenu_vertical">Subitem 1.1</td>  </tr>  <tr onmouseover="mOvr(this,'#95BCD3')"onmouseout="mOut(this,'#a7a7a7')" bgColor=#a7a7a7>	<td height="37" valign="top" class="bt_submenu_vertical">Subitem 1.2</td>  </tr></table></div><table width="220" border="0" cellpadding="0" cellspacing="0">  <!--DWLayoutTable-->  <tr onmouseover="mOvr(this,'#2B79A8')"onmouseout="mOut(this,'#999999')" bgColor=#999999>	<td width="220" height="40" valign="top" class="bt_menu_vertical"><a href="http://www.ig.com.br" target="_blank" onClick="document.cookie = 'mostraMenu' + "=" + 'm02'">ITEM 2 </a></td>  </tr></table><div id="menu02" style="display:none"><table width="220" border="0" cellpadding="0" cellspacing="0">  <!--DWLayoutTable-->  <tr onmouseover="mOvr(this,'#95BCD3')"onmouseout="mOut(this,'#a7a7a7')" bgColor=#a7a7a7>	<td width="220" height="25" valign="top" class="bt_submenu_vertical">Subitem 2.1</td>  </tr>  <tr onmouseover="mOvr(this,'#95BCD3')"onmouseout="mOut(this,'#a7a7a7')" bgColor=#a7a7a7>	<td height="37" valign="top" class="bt_submenu_vertical">Subitem 2.2</td>  </tr>  <tr onmouseover="mOvr(this,'#95BCD3')"onmouseout="mOut(this,'#a7a7a7')" bgColor=#a7a7a7>	<td height="37" valign="top" class="bt_submenu_vertical">Subitem 2.3</td>  </tr></table></div><table width="220" border="0" cellpadding="0" cellspacing="0">  <!--DWLayoutTable-->  <tr onmouseover="mOvr(this,'#2B79A8')"onmouseout="mOut(this,'#999999')" bgColor=#999999>	<td width="220" height="40" valign="top" class="bt_menu_vertical"><a href="http://www.uol.com.br" target="_blank" onClick="document.cookie = 'mostraMenu' + "=" + 'm03'">ITEM 3 </a></td>  </tr></table><div id="menu03" style="display:none"><table width="220" border="0" cellpadding="0" cellspacing="0">  <!--DWLayoutTable-->  <tr onmouseover="mOvr(this,'#95BCD3')"onmouseout="mOut(this,'#a7a7a7')" bgColor=#a7a7a7>	<td width="220" height="25" valign="top" class="bt_submenu_vertical">Subitem 3.1</td>  </tr>  <tr onmouseover="mOvr(this,'#95BCD3')"onmouseout="mOut(this,'#a7a7a7')" bgColor=#a7a7a7>	<td height="37" valign="top" class="bt_submenu_vertical">Subitem 3.2</td>  </tr>  <tr onmouseover="mOvr(this,'#95BCD3')"onmouseout="mOut(this,'#a7a7a7')" bgColor=#a7a7a7>	<td height="37" valign="top" class="bt_submenu_vertical">Subitem 3.3</td>  </tr></table></div></body></html>

-------------------

o .js é esse

 

function mOver(id,cor) {}function mOut(id,cor) {}function mOvr(src,clrOver) {	if (!src.contains(event.fromElement)){		src.style.cursor = 'hand';		src.bgColor = clrOver;	}}function mOut(src,clrIn) {	if (!src.contains(event.toElement)){		src.style.cursor = 'default';		src.bgColor = clrIn;	}}

se alguém puder me ajudar, agradeço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito