Menu JavaScript

1. Menu JavaScript

Valdinei de Souza Campos
valdinei.campos

(usa CentOS)

Enviado em 21/03/2011 - 16:37h

Estou criando o menu:
Quando eu coloco 1 botao só ele funciona, mas quando adiciono o segundo ele da erro e não abre.

<HEAD>

<SCRIPT LANGUAGE="JavaScript">


<!-- Begin
var refer=true;
function combo() {
if (refer) {
document.all.contents.style.visibility="visible";
refer=false;
}
else {
document.all.contents.style.visibility="hidden";
refer=true;
}
}
// End -->
</script>

</HEAD>



<BODY>

<style type="text/css">
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {text-decoration:none;}
--)
</style>

<table align="center">
<tr>

<td>
<table width="100" border="0" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
<tr>
<td bgcolor="#ffffff">
<font face="verdana" size="1" color="#blue"><b> Colaboradores</font>
</td>
<td align="right" width="15">
<img src="setas.png" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td>
</tr>
</table>
<div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">
<table width="100" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffffff">
<tr>
<td bgcolor="#fffffff">
<font face="verdana" size="2">
<a href="#" target="_blank"> <img src="add.png" border="0" width="16" height="16"> Cadastro</a><br>
<a href="#" target="_blank"> <img src="busca.png" border="0" width="16" height="16"> Consulta</a><br>
<a href="#" target="_blank"> <img src="alt.png" border="0" width="16" height="16"> Alteração</a><br>
<a href="#" target="_blank"> <img src="del.png" border="0" width="16" height="16"> Exclusão</a><br>
</font>
</td>
</tr>
</table>
</td>


<td>
<table width="100" border="0" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
<tr>
<td bgcolor="#ffffff">
<font face="verdana" size="1" color="#blue"><b> Departamentos</font>
</td>
<td align="right" width="15">
<img src="setas.png" name="combo_arrow1" width="21" height="21" alt="" border="0" onclick="combo()" ></td>
</tr>
</table>
<div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">
<table width="100" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffffff">
<tr>
<td bgcolor="#fffffff">
<font face="verdana" size="2">
<a href="#" target="_blank"> <img src="add.png" border="0" width="16" height="16"> Cadastro</a><br>
<a href="#" target="_blank"> <img src="busca.png" border="0" width="16" height="16"> Consulta</a><br>
<a href="#" target="_blank"> <img src="alt.png" border="0" width="16" height="16"> Alteração</a><br>
<a href="#" target="_blank"> <img src="del.png" border="0" width="16" height="16"> Exclusão</a><br>
</font>
</td>
</tr>
</table>
</td>

</tr>
</table>





  






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts