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

Link Em Arvore No Firefox


alexandre henrique

Pergunta

Olá, estou com problema aqui. É o seguinte:

To usando um javascript para um menu hierárquico, o conhecido "link em arvore".

O efeito é aquele assim: o link é uma imagem de uma pastinha que quando ativada, abre uma lista de sub-links.

Ele funciona bem no IE, mas, no Firefox, da um erro terrivel!

Erro:

Quando a página carrega, a pastinha (imagem) está aberta com os sublinks já expostos. O correto é iniciar

com os sublinks ocultados.

Taí o código para testar no IE e no Firefox:

<html>

<head>

</head>

<table border="0" width="300" cellspacing="0" cellpadding="0">

<tr>

<td width="40"></td>

<td width="260">

<script language="javascript">

<!--

var Aberto = ""

var Fechado = ""

function preload(){

if(document.images){

Aberto = new Image(16,13)

Fechado = new Image(16,13)

Aberto.src = "imgs/corpoc_pasta_open.gif"

Fechado.src = "imgs/corpoc_pasta_closed.gif"

}}

function mostra(item,item2){

if (item.style.display=='none'){

item.style.display='';

item2.src=Aberto.src

}

else{

item.style.display='none'

item2.src=Fechado.src

}

}

preload();

-->

</script>

<span id="menu1" onClick="mostra(menu1principal,menu1img)" style="cursor:hand"><img id="menu1img" src="imgs/corpoc_pasta_closed.gif" valign="bottom" width="20" height="15"><a class="tit">Anestesiologia</a></span><br>

<span id="menu1principal" style="display:'none'"><a href="anestesiologia/elape.htm" target="meio" class="not">Dr. Elano Pereira</a><br>

<a href="#" target="meio" class="not">Dra. Fabiana Cardoso</a><br>

<a href="#" target="meio" class="not">Dr. Glauco Klemming</a><br>

<a href="anestesiologia/josgo.htm" target="meio" class="not">Dra. Josenília Maria Alves Gomes</a><br>

<a href="#" target="meio" class="not">Dra. Riane Azevedo</a><br>

</span>

<!--divide cada tópico--><span id="menu2" onClick="mostra(menu2principal,menu2img)" style="cursor:hand"><img id="menu2img" src="imgs/corpoc_pasta_closed.gif" valign="bottom" width="20" height="15"><a class="tit">Broncoscopia</a><br>

<span id="menu2principal" style="display:'none'"><a href="#" target="meio" class="not">Dr. Newton Albuquerque</a><br>

</span></span>

</td>

</tr>

</table>

</html>

Como corrigir isso?

Alguém pode me dá uma força?

Valeu

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

testei aqui no FF, funfou de boa!

use:

<span id="menu1principal" style="display:none">

<span id="menu2principal" style="display:none">

ao invez de:

<span id="menu1principal" style="display:'none'">

<span id="menu2principal" style="display:'none'">

abraços

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novos posts.


  • Estatísticas dos Fóruns

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