Far comparire e scomparire una tabella in un form?

[M@sE]

è possibile (non nascondere) far scomparire un'intere tabella con tutti i contenuti all'interno, ovviamente senza perdere il loro contenuto?

Ad esempio, ho due "RADIO BUTTON" (questa dovrebbe sempre comparire) :

<table border="0" cellspacing="3" style="border-collapse: collapse" width="98%" id="table2" cellpadding="3">
<tr>
<td width="49%" bgcolor="#FFE6D9">
<p align="center">Dati uguali alla
fatturazione<font color="#FFFFFF"><input type="radio" value="uguale_fatturazione" name="spedizione" style="font-weight: 700" checked></font></td>
<td width="49%" bgcolor="#FFE6D9">
<p align="center">Altro indirizzo<font color="#FFFFFF"><input type="radio" value="altro_inidirizzo" name="spedizione" style="font-weight: 700"></font></td>
</tr>
</table>

se l'utente spunta "altro_indirizzo" vorrei che comparisse una nuova tabella questa:

<table border="0" cellspacing="3" style="border-collapse: collapse" width="98%" id="table1" cellpadding="3">
<tr>
<td width="40%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Nominativo
Completo
o Ragione Sociale</td>
<td width="58%" bgcolor="#FFE6D9">
<input type="text" id="trasp" style="visibility:hidden;" name="nominativo_s" size="36" value="<%=Session("nominativo")%>">*</td>
</tr>
<tr>
<td width="40%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Cognome
o Rappresentante Legale</td>
<td width="58%" bgcolor="#FFE6D9">
<input type="text" name="cognome_s" size="36" value="<%=Session("cognome")%>">*</td>
</tr>
<tr>
<td width="40%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Recapito
Telefonico</td>
<td width="58%" bgcolor="#FFE6D9">
<input type="text" name="telefono_s" size="17" value="<%=Session("telefono")%>"> *</td>
</tr>
<tr>
<td width="40%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Indirizzo
completo</td>
<td width="58%" bgcolor="#FFE6D9">
<input type="text" name="indirizzo_s" size="36" value="<%=Session("indirizzo")%>">*</td>
</tr>
<tr>
<td width="40%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Cap</td>
<td width="58%" bgcolor="#FFE6D9">
<input type="text" name="cap_s" size="14" value="<%=Session("cap")%>">*</td>
</tr>
<tr>
<td width="40%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Città</td>
<td width="58%" bgcolor="#FFE6D9">
<input type="text" name="citta_s" size="14" value="<%=Session("citta")%>">*</td>
</tr>
<tr>
<td width="40%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Provincia</td>
<td width="58%" bgcolor="#FFE6D9">
<input type="text" name="provincia_s" size="6" value="<%=Session("provincia")%>">*</td>
</tr>
<tr>
<td width="49%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Nazione
</td>
<td width="49%" bgcolor="#FFE6D9">
<input type="text" name="nazione_s" size="6" value="Italia">*</td>
</tr>
<tr>
<td class="s" width="49%" bgcolor="#FFE6D9">
<p align="right">
[img]inc/images/z1.gif[/img]Comunicazione
al corriere</td>
<td class="s" width="49%" bgcolor="#FFE6D9">
<textarea rows="4" name="comunicazione" cols="39">Inserire eventuale comunicazione al corriere.</textarea></td>
</tr>
</table>

Ovviamente anche se non spuntata i campi devono sempre esistere.

[barbablu]

per farla scomparire dovrebbe bastare qualcosa del tipo:

table=getElementById("table1");
table.style['display'] = 'none';

mentre per visualizzarla di nuovo

table=getElementById("table1");
table.style['display'] = 'inline';

[M@sE]

mi daresti maggiori info magari k qlk esempio

[barbablu]

Aggiungi un handler all'evento onclick sui due radio in questo modo:
.....style="font-weight: 700" checked onclick = "visualizza();"
.....style="font-weight: 700" onclick = "nascondi();"

nella head della pagina definisci le due funzioni:

<script language="javascript" >
function nascondi()
{var table = document.getElementById("table1");
//alert(table.innerHTML);}
table.style["display"] = "none";}
</script>
<script language="javascript" >
function visualizza()
{var table=document.getElementById("table1");
table.style['display'] = 'inline';}
</script>

Tutto qui...

[M@sE]

Tutto ok... ho aggiunto un body onload=nascondi

Grazie mille..