Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Peguei esse código aqui no fórum( Um exemplo que mostra e esconde uma tabela ) e testando, vi que ele funciona direito no IE mas no FireFox ele dá um bug estranho, tipo, cada vez que eu peço pra mostrar minha tabela, é como se ele desse um <br /> no final da tabela e vai aumentando o tamanho dela!!
Alguém sabe como fazer esse código funcionar em ambos navegadores?
Valeu!!
<html> <head> <title>Exemplo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="javascript"> <!-- function escondeMenu(tabeladinamica) { var thisLevel = document.getElementById(tabeladinamica); thisLevel.style.display = "none"; } function mostraMenu(tabeladinamica) { var thisLevel = document.getElementById(tabeladinamica); if ( thisLevel.style.display == "none") { thisLevel.style.display = "block"; } else { escondeMenu(tabeladinamica); } } function escondeTudo() { escondeMenu('id_admin'); escondeMenu('id_suporte'); } --> </script> </head> <body onLoad="escondeTudo()"> <form name="form1" method="post" action=""> <a href="java script: mostraMenu('id_admin'); escondeMenu('id_suporte')">aparece</a><br> <table width="300" border="1" cellspacing="0" cellpadding="0" id="id_admin"> <tr> <td>login</td> </tr> <tr> <td>senha</td> </tr> </table><br> XXXXXXXXXXXXXXXXXXXXXXXXXXX <br> <a href="java script: mostraMenu('id_suporte'); escondeMenu('id_admin')">aparece</a><br> <table width="300" border="1" cellspacing="0" cellpadding="0" id="id_suporte"> <tr> <td>login</td> </tr> <tr> <td>senha</td> </tr> </table> XXXXXXXXXXXXXXXXXXXXXXXXXXX </form> <table width="300" border="1" cellspacing="0" cellpadding="0"> <tr> <td><a href="java script: mostraMenu('contato');">contato</a></td> </tr> <tbody id="contato"> <tr> <td>nome</td> </tr> </tbody> <tr> <td><a href="java script: mostraMenu('endereco');">endereço</a></td> </tr> <tbody id="endereco"> <tr> <td>Rua José Bonifácio</td> </tr> </tbody> </table> </body></html>Carregando comentários...