Ir para conteúdo

POWERED BY:

Arquivado

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

Muskt

Tô meio enferrujado :S

Por , em Javascript

Recommended Posts

Muskt    0

Muskt
Postado

Olá a todos !

 

Gente, to meio enferrujado e por isso venho pedir ajuda nessa questão básica.

 

Criei a seguinte função para mostrar/esconder um submenu:

 

function showHideDiv(Boolean turnTo, String divName) {
var to;
if (turnTo) {
to = "visible"; } {
to = "hidden"; };
document.getElementById(divName).style.visibility = to; }

E quando mando mostrar, faço o seguinte:

 

<a href="#" onmouseover="java script:showHideDiv(1, subMenu1);">Exemplo</a>

Só que não está funcionando :S

 

Alguem poderia me ajudar ?

 

Abraço !!

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Tenho um menu excelente semelhante a esse. Para evitar erros de posicionamento (pois estou trabalhando com position:absolute) testei o script em diversos navegadores incluindo:

 

Safari 3.2.1 Mac OS X 10.5

Safari 3.2.1 Windows XP

K-Meleon 1.5.0 Windows XP

Navigator 9.0.0.5 Ubuntu 8.10

Flock 2.0.3 Ubuntu 8.10

Opera 9.63 Windows XP

Opera 9.27 Windows 2000

MSIE 6.0 Windows 2000

Firefox 3.0.5 Ubuntu 8.10 ----> Não funcionou!

Iceweasel 3.0.4 Debian Testing

Firefox 2.0.0.19 Ubuntu 8.04 LTS

Opera 9.63 Debian Testing

Opera 10.00 Ubuntu 8.04 LTS ----> Não funcionou!

Iceape 1.1.13 Debian Testing

Epiphany 2.22 Ubuntu 8.10

Kazehakase 0.5.4 Ubuntu 8.10

SeaMonkey 1.1.14 Windows XP ----> Não testado (tempo limite excedido)!

Opera 8.54 Windows XP

Opera 10.00 Windows XP

Chrome 1.0.154.46 Windows XP ----> Não testado (tempo limite excedido)!

Flock 1.2.6 Windows XP ----> Não testado (tempo limite excedido)!

Navigator 8.1.3 Windows XP

Firefox 2.0.0.4 Windows 2000

Minefield 3.2 Ubuntu 8.04 LTS

Flock 2.0 Windows XP

Firefox 3.1 Windows XP

Chrome 2.0.156.1 Windows XP

MSIE 4.01 Windows XP ----> Não testado (tempo limite excedido)!

MSIE 8.0 Windows XP

Navigator 9.0.0.6 Windows XP

Opera 9.26 Windows XP

Opera 7.54 Windows XP

Chrome 0.4.154.33 Windows XP ----> Não testado (tempo limite excedido)!

Avant 11.7 Windows XP

Minefield 3.2 Windows XP

Opera 9.50 Ubuntu 7.10

 

Em navegadores não testados, pode ser que funcione, mas estou com preguiça de rodar novamente (já está tarde! :blink: )

Se preferir, pode acessar o site: http://browsershots.org/ para refazer o teste e/ou testar em outras dezenas de navegadores.

 

Segue abaixo o código:

<html>
<head>
<title></title>
<script type="text/javascript">
//Script by Klonder

function mostrar(numMenu) {
var subMenu = document.getElementById("sub"+numMenu);
var Menu = document.getElementById("menu"+numMenu);

subMenu.style.top = Menu.offsetTop + 15;
subMenu.style.left = Menu.offsetLeft + 100;
subMenu.style.display = "block";
}

function ocultar(numMenu) {
var subMenu = document.getElementById("sub"+numMenu);
subMenu.style.display = "none";
}

</script>
</head>
<body>

<table border="1" width="200" height="">
<tr><td id="menu1" valign="top" onmouseover="mostrar(1)" onmouseout="ocultar(1)">Menu 1</td></tr>
<tr><td id="menu2" valign="top" onmouseover="mostrar(2)" onmouseout="ocultar(2)">Menu 2</td></tr>
<tr><td>Menu 3</td></tr>
</table>

<table id="sub1" border="1" width="200" height="" style="background-color:#FFFFFF; display: none; position:absolute;" onmouseover="mostrar(1)" onmouseout="ocultar(1)">
<tr><td>SubMenu1</td></tr>
<tr><td>SubMenu2</td></tr>
<tr><td>SubMenu3</td></tr>
</table>

<table id="sub2" border="1" width="200" height="" style="background-color:#FFFFFF; display: none; position:absolute;" onmouseover="mostrar(2)" onmouseout="ocultar(2)">
<tr><td>SubMenu1</td></tr>
<tr><td>SubMenu2</td></tr>
<tr><td>SubMenu3</td></tr>
</table>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

pegando na tua funcao basta fazeres o seguinte:

 

############ FUNCAO #################

function showHideDiv(turnTo, divName) { // recebe os parametros (estado(hidden ou visible) e o nome do div)

document.getElementById(divName).style.visibility =turnTo; }// o div dados nos parametros vai ficar com o valor do parametro turnto

############# HTML ######################
<a href="#" onmouseover="java script:showHideDiv('visible', 'sub_menu1')" onmouseout="java script:showHideDiv('hidden', 'sub_menu1')">

//importante tens de chamar um div existente, que comece com o style:hidden e os parametros ao chamar a funcao devem estar entre plicas

 

Espero ter ajudado

 

 

Qualquer duvida: e so postar!

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