Show-Hide Div Non Funziona in IE

**andreamaiese** · 12-01-2010, 15:07

Salve a tutti, avrei una domanda, ho scritto questa semplice funzione in javascript:

function HideDiv(ID){
document.getElementById(ID).style.display='none';
}

function ShowDiv(ID){
document.getElementById(ID).style.display='';
}

function ShowHideDiv(ID){
if(document.getElementById(ID).style.display==''){
HideDiv(ID);
}else{
ShowDiv(ID);
}
}

e me la richiamo nella mia pagina, con:
<script type="text/javascript" src="../javascript/show-hide.js"></script>

Ho creato una tabella, e volevo fare in modo che una riga scomparisse o ricomparisse, cliccando il pulsante che mi richiama la funzione soprascritta.
<table>
<tr>
<td colspan="2">
<span onclick="ShowHideDiv('prova');" class="apri">Apri</span></td>
</tr>
<tr>

<td colspan="2" style="display:none;" id="prova">
Prova testo.
</td>
</tr>
</table>

In firefox funziona, ma in internet explorer no.
Forse non è possibile in ie fare queste operazioni sulle tabelle?dovrei usare semplicemente un div?
Grazie

**andreamaiese** · 12-01-2010, 15:16

Allego questo articolo:

Show / hide table row in Firefox versus IE
November 28, 2008 Hiding a table row is fine, just set document.getElementById(‘theRow’).style.display = ‘none’

When you’re trying to show it though, it can get confusing – for it to display properly, you’ve to set display=’table-row’ for Firefox and display=’block’ for IE.

The solution? Set display=” and the display property for the element gets set to its default (‘table-row’ for FF and ‘block’ for Explorer).

**cavicchiandrea** · 12-01-2010, 18:46

codice:

<script language="javascript">
function ShowHideDiv(ID){
if(document.getElementById(ID).style.display==''){
document.getElementById(ID).style.display='none';
}else{
document.getElementById(ID).style.display='';
}
}
</script>
<title>Documento senza titolo</title>
</head>
<body>
<table>
<tr>
<td colspan="2">
<span onclick="ShowHideDiv('prova');" class="apri">Apri</span></td>
</tr>
<tr >
<td colspan="2" style="display:none;" id="prova" >
Prova testo.
</td>
</tr>
</table>

io fatto una versione leggermente + sintetica e funziona con ie 7, tu che ie usi?

**andreamaiese** · 13-01-2010, 02:10

scusami, ho risolto, il problema è che era in una <form>

Discussione: Show-Hide Div Non Funziona in IE

Strumenti discussione

Ricerca discussione

Visualizza

Show-Hide Div Non Funziona in IE

Permessi di invio