Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá fórum iMasters,
Sou iniciante em DHTML e preciso de ajuda com um exemplo que estou desenvolvendo.
Quero fazer um menu que possui itens escondidos, que o usuário pode explorar. O código segue abaixo:
//JavaScript com duas funções para mostrar e esconder as linhas<script language="javascript">function displayHideLines() { document.getElementById("hideLine1").style.display = "block"; document.getElementById("hideLine2").style.display = "block";}function hideLines() { document.getElementById("hideLine1").style.display = "none"; document.getElementById("hideLine2").style.display = "none";}</script>//Tabela que possui linhas escondidas<table width="200" cellpadding="0" cellspacing="0" border="0"> <tr> <td>#1 Visible Line</td> </tr> <tr> <td>#2 Visible Line</td> </tr> <tr id="hideLine1" style="display: none"> <td>#1 Hide Line</td> </tr> <tr> <td>#3 Visible Line</td> </tr> <tr id="hideLine2" style="display: none"> <td>#2 Hide Line</td> </tr> <tr> <td>#4 Visible Line</td> </tr> <tr> <td>#5 Visible Line</td> </tr></table><p><a href="javascript: displayHideLines()">Display Hide Lines</a> | <a href="javascript: hideLines()">Hide Lines</a></p>Tudo certo. Esse mecanismo funcionou muito bem no Internet Explorer 6. Já no Firefox as linhas estão inicialmente escondidas e são mostradas corretamente quando se clica em "Dislpay Hide Lines". Entretanto, quando se clica em "Hide Lines" as linhas somem, mas a tabela não volta ao estado inicial; ficam espaços em branco. Vejam só.
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.ajapi.org.br/dhtml_temp/dhtml_state1.png&key=b9ca71adbc0262fc16f1cd0274f7bd724029a7c3de9f4cd7aac7601f4aa92ae7" alt="Imagem Postada" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.ajapi.org.br/dhtml_temp/dhtml_state2.png&key=10495325d394c5451c2e229547bbb8dbc5c806cf5d1ae98d009c34d69d8a083b" alt="Imagem Postada" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.ajapi.org.br/dhtml_temp/dhtml_state3.png&key=1ba101bb32595c1386153053e6d7a09924d4eab3b3f5784a864b2dd2c5a2e10b" alt="Imagem Postada" />
Alguém tem uma sugestão pra resolver esse problema?
Carregando comentários...