Due Radio e due Div: show/hidden

**ivanhalen** · 17-05-2003, 12:45

Salve,
ho un form con due radio button, i cui ID sono rispettivamente RADIO_A e RADIO_B, e due div (o span), i cui ID sono rispettivamente DIV_A e DIV_B.

Quando RADIO_A è selezionato (non solo onClick, ma proprio quando è selezionato, il che potrebbe anche avvenire all'apertura della pagina, dato che il "checked" viene settato dinamicamente da database!) mi piacerebbe che DIV_A fosse visibile, mentre DIV_B fosse nascosto

La stessa cosa mi piacerebbe che accadesse quando RADIO_B è selezionato: in tal caso, DIV_B diverrebbe visibile mentre DIV_A diverrebbe nascosto.

Come posso ottenere questa cosa?
Grazie in anticipo per le risposte...

Reale_Augello · 17-05-2003, 16:09

... una bozza di funzione:

codice:

<script language="JavaScript">

function View(cosa) {
 if (cosa=="RADIOA") {
  document.getElementById('DIV_A').style.visibility='visible';
  document.getElementById('DIV_B').style.visibility='hidden';
 }
 else if (cosa=="RADIOB") { 
  document.getElementById('DIV_A').style.visibility='hidden';
  document.getElementById('DIV_B').style.visibility='visible';
 } 
}
</script>

Da attivare così:

codice:

<input type="radio" name="RADIO_A" value="RADIOA" onClick="View(this.value);">

<input type="radio" name="RADIO_A" value="RADIOB" onClick="View(this.value);">
<div id="DIV_A" style="visibility:hidden;">Livello A</div>

<div id="DIV_B" style="visibility:hidden;">Livello B</div>

Ciao !

**ivanhalen** · 18-05-2003, 02:16

Reale_Augello, grazie per la risposta, ma lo script, così com'è, va bene solo a metà...
Come avevo scritto nel mio post, uno dei due radio può già essere selezionato all'apertura della pagina (dipende da alcuni valori che sono memorizzati nel database), per cui, oltre allo scriopt da te segnalato, mi servirebbe qualcosa che faccia vedere DIV_A o DIV_B non solo onClick rispettivamente di RADIO_A e RADIO_B, ma anche quando uno di questi è già selezionato all'apertura della pagina...

Grazie per la risposta!

Reale_Augello · 18-05-2003, 02:39

... prova così:

codice:

<script language="JavaScript">

function View(cosa) {
 if (cosa=="RADIOA") {
  document.getElementById('DIV_A').style.visibility='visible';
  document.getElementById('DIV_B').style.visibility='hidden';
 }
 else if (cosa=="RADIOB") { 
  document.getElementById('DIV_A').style.visibility='hidden';
  document.getElementById('DIV_B').style.visibility='visible';
 } 
}

function Attiva() {
 var modulo=document.nomeform;
 modulo.RADIO_A[0].checked ? View(modulo.RADIO_A[0].value) : View(modulo.RADIO_A[1].value)
}

</script>

In relazione a:

codice:

<body onLoad="Attiva();">
<form name="nomeform">
<input type="radio" name="RADIO_A" value="RADIOA" onClick="View(this.value);" checked>

<input type="radio" name="RADIO_A" value="RADIOB" onClick="View(this.value);">
<div id="DIV_A" style="visibility:hidden;">Livello A</div>

<div id="DIV_B" style="visibility:hidden;">Livello B</div>
</form>

Fammi sapere !

**ivanhalen** · 18-05-2003, 10:09

eheh... MITICO!!!
Questo funziona alla grande, proprio nella maniera in cui desideravo io!

GRAZIE!

Discussione: Due Radio e due Div: show/hidden

Strumenti discussione

Ricerca discussione

Visualizza

Due Radio e due Div: show/hidden

Ecco...

Allora...

Permessi di invio