Ciao a tutti,
avrei bisogno di un vostro aiuto.
In una pagina ho utilizzato il metodo style.display
con javascript per visualizzare/nascondere una tabella.
Il problema è che con Mozilla Firefox il tutto funziona
a meraviglia mentre con Internet Explorer ottengo
degli spazi bianchi assurdi che non riesco a capire.
Provo a spiegare meglio e vi posto anche il codice.
Spero qualcuno mi possa aiutare.
Grazie
Marco
SCENARIO:
Ho creato una pagina di ricerca dove sono contenute due tabelle.
La prima tabella contiene dei campi di testo e dei bottoni
per effettuare le selezioni.
La seconda tabella mostra i risultati delle selezioni.
Entrambe le tabelle sono contenute dentro la cella di una
tabella madre con un tag div che permette di eseguire lo
scrolling della cella.
E' possibile visualizzare/nascondere la tabella di ricerca
utilizzando style.display.
Questo è il codice:
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Documento senza titolo</title> <script type="text/javascript"> function GoShowTable(id_tab){ // mostra/nascondi tabella var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0; var a=(document.getElementById(id_tab).style.display=='none')?((IE)?'block':'table'):'none'; document.getElementById(id_tab).style.display=a document.f1.txt_display_tab.value=a } </script> <style type="text/css"> <!-- .Stile1 {font-size: 11px; font-family:Arial, Tahoma;} --> </style> </head> <body> <table width="100%" border="0"> <tr> <td width="630" bgcolor="#FFFFFF"><div style="height:350px;width:675px;overflow:auto;font-size:1px"> <form name="f1" method="post"> <table width="90%" border="0" align="center" class="Stile1"> <tr> <td width="2%"></td> <td width="98%"></td> </tr> <tr> <td></td> <td>RICERCA (clicca qui per visualizzare la tabella) <input name="txt_sort" type="hidden" id="txt_sort" value=""> <input name="txt_display_tab" type="hidden" id="txt_display_tab" value=""> </td> </tr> </table> <table width="90%" border="0" align="center" id="tab_ricerca" style="display:none" class="Stile1"> <tr> <td width="10%">User:</td> <td width="90%"><input name="txt_user" type="text" id="txt_user" value="" size="50"></td> </tr> <tr> <td >Ente:</td> <td><input name="txt_ente" type="text" id="txt_ente" value="" size="50"> <input name="seleziona" type="button" id="seleziona" value="Seleziona" onClick="GoSubmit();"> <input name="reset" type="button" id="reset" value="Reset" onClick="GoReset();"></td> </tr> </table> </form> <table width="90%" border="1" align="center" cellpadding="3" class="Stile1" style="border-collapse:collapse; border-spacing:2px;"> <tr> <td bgcolor="#A8BED9" colspan="2"> Colonna1 </td> </tr> <tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Alessandria</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Arezzo</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Ascoli Piceno</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Asti</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Belluno</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Bergamo</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Bologna</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Bolzano</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Brescia</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Chieti</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Como</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Cuneo</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Forlì-Cesena</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Genova</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Gorizia</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Lecco</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Lucca</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Macerata</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Mantova</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Massa Carrara</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Milano</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Modena</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Padova</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Pavia</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Perugia</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Pesaro e Urbino</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Pistoia</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Pordenone</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Reggio Emilia</td> </tr><tr bgcolor="#FFFFFF"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Rimini</td> </tr><tr bgcolor="#EAEAEA"> <td width="5%" valign="center"><input name="radiobutton" type="radio" value="radiobutton" title="Clicca qui per selezionare l'utente da eliminare"></td> <td width="40%">prova Roma</td> </tr></table> </div></td> </tr> <tr> <td align="center" valign="bottom" bgcolor="#CCCCCC"><input name="esci" value="Esci" type="button"></td> <td bgcolor="#CCCCCC" valign="top"></td> </tr> </table> </body> </html>
Rispondi quotando
