para optimizar um javascript

[adilsonb 0]

Olá amigos

 

Criei um menu dinâmico utilizando javascript, mas achei que o código ficou meio grande, gostaria de uma ajuda para optimizar este código, agradeço desde já.

 

O que o javascript faz é esconder ou mostrar uma DIV no evento mouseOver.

 

<script language="JavaScript" type="text/JavaScript"><!--function ShowLinkA(){document.getElementById("LinkAx").style.display = "block";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}function ShowLinkB(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "block";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}function ShowLinkC(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "block";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}function ShowLinkD(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "block";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}function ShowLinkE(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "block";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}function ShowLinkF(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "block";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}function ShowLinkG(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "block";document.getElementById("LinkHx").style.display = "none";}function ShowLinkH(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "block";}}//--></script>

[adilsonb 0]

Olá ThiagoFiz um teste aqui mas não funcionou...Tentei até alterar o getElementsByTagName para 'div' que é o que estou usando mesmo assim não funcionou..

[adilsonb 0]

Olá Thiago, fiz um modelo reduzido para colocar aqui, assim fica mais fácil analisar, quem sabe você consiga me ajudar.

 

<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Untitled Document</title><script language="JavaScript" type="text/JavaScript"><!--function ShowLinkA(){document.getElementById("LinkAx").style.display = "block";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}function ShowLinkB(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "block";document.getElementById("LinkCx").style.display = "none";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}function ShowLinkC(){document.getElementById("LinkAx").style.display = "none";document.getElementById("LinkBx").style.display = "none";document.getElementById("LinkCx").style.display = "block";document.getElementById("LinkDx").style.display = "none";document.getElementById("LinkEx").style.display = "none";document.getElementById("LinkFx").style.display = "none";document.getElementById("LinkGx").style.display = "none";document.getElementById("LinkHx").style.display = "none";}//--></script></head><body><center><tr>	  <td colspan="2" height="30">	  <table width="776" border="0" cellspacing="0" cellpadding="0">		<tr>		  <td><div align="center"><a href="#" onMouseOver="ShowLinkA()">Opção 1</a></div></td>		<td><div align="center"><a href="#" onMouseOver="ShowLinkB()">Opção 2</a></div></td>		<td><div align="center"><a href="#" onMouseOver="ShowLinkC()">Opção 3</a></div></td>		</tr>	  </table>	  </td></tr>	<tr>	<td colspan="2" width="776" height="25">	  <div style="display:none" id="LinkAx"><br>	  <table width="100%" border="0" cellspacing="0" cellpadding="0">		<tr>		  <td height="25"><div align="center"><a href="#">Link 01</a> | <a href="#" >Link 02</a> | <a href="#" >Link 03</a> | <a href="#" >Link 04</a> | <a href="#" >Link 05</a> (opção1) </div></td>		</tr>	  </table>	  </div>	  	  <div style="display:none" id="LinkBx"><br>	  <table width="100%" border="0" cellspacing="0" cellpadding="0">		<tr>		  <td height="25"><div align="center"><a href="#">Link 01</a> | <a href="#" >Link 02</a> | <a href="#" >Link 03</a> | <a href="#" >Link 04</a> | <a href="#" >Link 05</a> (opção 2) </div></td>		</tr>	  </table>	  </div>	  	  <div style="display:none" id="LinkCx"><br>	  <table width="100%" border="0" cellspacing="0" cellpadding="0">		<tr>		  <td height="25"><div align="center"><a href="#">Link 01</a> | <a href="#" >Link 02</a> | <a href="#" >Link 03</a> | <a href="#" >Link 04</a> | <a href="#" >Link 05</a> (opção 3) </div></td>		</tr>	  </table>	  </div>	  </center></body></html>

[adilsonb 0]

Já achei a solução, obrigado.