Menu Javascript

Davi Lara · Junho 30, 2010

Pessoal, estou tendo problemas para criar mais opções do menu principal, por exemplo, Quiz..Quiz2...Quiz3

Gostaria que ficasse assim:

Quiz

|_Quiz11

|_Quiz12

Quiz2

|_Quiz21

|_Quiz22

Toda vez que tento inserir outras opções no menu principal não funciona. OBS: Segue o código abaixo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Wagner B. Soares" />
<title>Menu</title>

&lt;script type="text/javascript"><!--function to hide/show submenu options-->
(document.getElementById ? DOMCapable = true : DOMCapable = false);
function show(menuName)
{
if (DOMCapable)
{
if(document.getElementById("menu1choices").style.visibility=="hidden")
{
document.getElementById("menu1choices").style.display="block";
document.getElementById("menu1choices").style.visibility="visible";
}
else
{
document.getElementById("menu1choices").style.display="none";
document.getElementById("menu1choices").style.visibility="hidden";
}
}
}
function hide(menuName)<!--Function to hide submenu if any other option from main menu selected-->
{
if (DOMCapable)
{
document.getElementById("menu1choices").style.display="none";
document.getElementById("menu1choices").style.visibility="hidden";
}
}
</script>

</head>
<body>
<div id="menu1" onClick="show('menu1choices');">
      <p class="black_link" style="cursor: pointer;">Quiz</p></div>
      <div id="menu1choices" style="display: block; visibility: visible;">
      <table border="0">
      <tbody><tr>
      <td><a href="quiz1.html"
      target="main" class="black_smaller">Quiz 1</a></td>
      </tr>
      <tr>
      <td><a href="test.html"
      target="main" class="black_smaller">Quiz2</a></td>
      </tr>
      </tbody>
      </table>
      </div>
      <script type="text/javascript">
      if (DOMCapable)
      {
      show("menu1");
      }
      </script>
</body>
</html>

Desde já agradeço pela ajuda ;)

Editado Junho 30, 2010 por fercosmig
add tags :: fercosmig

Entrar

Menu Javascript

Pergunta

Davi Lara

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades