Ir para conteúdo
Fórum Script Brasil
  • 0

Problemas Com "visible" E "hidden"

RodBAdbOY

Perguntado por RodBAdbOY,

 Share

Pergunta

RodBAdbOY

RodBAdbOY

Postado
Postado

Ólá pessoal, tudo bom? Espero que sim.

Bem estou fazendo um Menu com SubMenus e o problema é que quando tento exibir os SubMenus não funciona e acontece o seguinte erro: "O objeto não dá suporte a propriedade ou método." Ele dá erro na "LINHA: 4" ; "CARACTER: 2".

Disponibilizarei o código abaixo. Caso possam me ajudar.

<!-- AQUI É A PÁGINA --!>
<html>

<HEAD>
	<title>Template #1</title>

	<link href="estilo.css" rel="stylesheet" type="text/css">

</HEAD>

<BODY leftmargin="0" rightmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script LANGUAGE="JavaScript" SRC="menu.js"></SCRIPT>
<script LANGUAGE="JavaScript" SRC="dinamico.js"></SCRIPT>

<TABLE bgcolor="#e0e0e0" border="1" bordercolor="#ffffff" cellpadding="0" cellspacing="1" width="775" height="454">
<TR valign="top">
	<td colspan="4" height="59"><TABLE bgcolor="#00000" border="1"  width="774" cellpadding="5" cellspacing="0">
  	<TR>
    <td align="center" class="titulo1" width="642">Título do Site</td>
    <td bgcolor="#a0a0a0" align="right" valign="bottom" class="texto-branco" width="133">Navegação rápida<br>
    	<SELECT name="atalho" class="form">
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
      <option value="inicial">Página Inicial</option>
    	</SELECT> <INPUT type="button" name="vai_navegacaoRapida" value="VAI" class="bt"></td>
  	</TR>
	</TABLE></td>
</TR>	
<TR>
	<td rowspan="3" width="84" valign="top">
  <script LANGUAGE="JavaScript">
  	//Aqui entra o menu-include
  	Show_Menu();
  </SCRIPT>
	</td>
</TR>
</TABLE>
</BODY>

</html>

<!-- AQUI É O CSS DO MENU --!>

#menu1, #menu2, #menu3, #menu4, #menu5
{
	background-color: #e0e0e0;
  border: 3px outset;
  width: 78; height:36;
  visibility: visible;
	position: absolute;
	left: 3px;
	text-align: center;
	text-valign: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #032746;
}
#menu1
{
	top: 63px;
}
#menu2
{
	top: 96px;
}
#menu3
{
	top: 129px;
}
#menu4
{
	top: 162px;
}
#menu5
{
	top: 195px;
}


#submenu1, #submenu2, #submenu3, #submenu4, #submenu5
{
	background-color: #e0e0e0;
  border: 3px outset;
  width: 98;
  visibility: hidden;
	position: absolute;
	left: 81px;
}
#subMenu1
{
	top: 63px;
}
#subMenu2
{
	top: 96px;
}
#subMenu3
{
	top: 129px;
}
#subMenu4
{
	top: 162px;
}
#subMenu5
{
	top: 195px;
}

<!-- AQUI É O JS DO menu.js --!>
function Show_Menu() 
{  
	var menu = /* "<TABLE border='0' width='84' cellpadding='5' cellspacing='1' style='BORDER: outset 3px'>"
      +"<TR><td><A href='#' class='link-menu'><IMG src='IMG/salvar.gif' width='12'>&nbsp;Menu 1</A></td></TR>"
      +"<TR><td><A href='#' class='link-menu'><IMG src='IMG/salvar.gif' width='12'>&nbsp;Menu 2</A></td></TR>"
      +"<TR><td><A href='#' class='link-menu'><IMG src='IMG/salvar.gif' width='12'>&nbsp;Menu 3</A></td></TR>"
      +"<TR><td><A href='#' class='link-menu'><IMG src='IMG/salvar.gif' width='12'>&nbsp;Menu 4</A></td></TR>"
      +"<TR><td><A href='#' class='link-menu'><IMG src='IMG/salvar.gif' width='12'>&nbsp;Menu 5</A></td></TR>"
      +"</TABLE>" */
      	//Outra possibilidade para o Menu
        "<DIV id='menu1' onClick='Show(id)' style='CURSOR: POINTER'>"
      +"<IMG src='IMG/salvar.gif'>&nbsp;Menu 1"
      +"</DIV>"
      +"<DIV id='menu2' onClick='Show(id)' style='CURSOR: POINTER'>"
      +"<IMG src='IMG/salvar.gif'>&nbsp;Menu 2"
      +"</DIV>"
      +"<DIV id='menu3' onClick='Show(id)' style='CURSOR: POINTER'>"
      +"<IMG src='IMG/salvar.gif'>&nbsp;Menu 3"
      +"</DIV>"
      +"<DIV id='menu4' onClick='Show(id)' style='CURSOR: POINTER'>"
      +"<IMG src='IMG/salvar.gif'>&nbsp;Menu 4"
      +"</DIV>"
      +"<DIV id='menu5' onClick='Show(id)' style='CURSOR: POINTER'>"
      +"<IMG src='IMG/salvar.gif'>&nbsp;Menu 5"
      +"</DIV>"
      +"<DIV id='subMenu1'>"
      	+"<A href='#'>subMenu 1,1</A><br>"
      	+"<A href='#'>subMenu 1,2</A><br>"
      	+"<A href='#'>subMenu 1,3</A><br>"
      +"</DIV>"
      +"<DIV id='subMenu2'>"
      	+"<A href='#'>subMenu 2,1</A><br>"
      	+"<A href='#'>subMenu 2,2</A><br>"
      	+"<A href='#'>subMenu 2,3</A><br>"
      	+"</DIV>"
      +"<DIV id='subMenu3'>"
      	+"<A href='#'>subMenu 3,1</A><br>"
      	+"<A href='#'>subMenu 3,2</A><br>"
      	+"<A href='#'>subMenu 3,3</A><br>"
      	+"</DIV>"
      +"<DIV id='subMenu4'>"
        +"<A href='#'>subMenu 4,1</A><br>"
        +"<A href='#'>subMenu 4,2</A><br>"
        +"<A href='#'>subMenu 4,3</A><br>"
      +"</DIV>"
      +"<DIV id='subMenu5'>"
        +"<A href='#'>subMenu 5,1</A><br>"
        +"<A href='#'>subMenu 5,2</A><br>"
        +"<A href='#'>subMenu 5,3</A><br>"
      +"</DIV>";
      	
	document.write (menu); 
} 

<!-- AQUI É O JS DO dinamico.js --!>
function Show(SM)
{
	var SubMenu1 = document.getElemetById("subMenu1");
	var SubMenu2 = document.getElemetById("subMenu2");
	var SubMenu3 = document.getElemetById("subMenu3");
	var SubMenu4 = document.getElemetById("subMenu4");
	var SubMenu5 = document.getElemetById("subMenu5");

	if ( SM == "menu1")
	{   subMenu1.style.visibility = "visible"   }
	if ( SM == 'menu2')
	{   SubMenu2.style.visibility = "visible"   }
	if ( SM == 'menu3')
	{   SubMenu3.style.visibility = "visible"   }
	if ( SM == 'menu4')
	{   SubMenu4.style.visibility = "visible"   }
	if ( SM == 'menu5')
	{   SubMenu5.style.visibility = "visible"   }
}

Outra coisa é que eu gostaria de alinhar meu MENU com o seguinte comando "text-valign:" mas não funciona, será que somente o "text-align:" funciona?

Abraço e sucesso a todos... smile.gif

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...