form che dipenda dal RADIO BUTTON spuntato

**FedeF79** · 05-10-2003, 10:11

ciao ho bisogno di un aiuto!

Devo fare la cosa seguente: ho una form che contiene 4 radio button:
RADIO1
RADIO2
RADIO3
RADIO4

Devo fare la cosa seguente: quando si spunta uno dei 4 radio button deve essere sostituita la parte sottostante della form:

esempio: www.travelocity.it

Ho fatto la form che deve essere posta quando si deve cliccare sul radio1, ora come devo fare per fare la seconda, quella da associare al radio2?
Devo continuare a scrivere i campi select....testo...di seguito o fare un altra form? Cioè ogni form che deve essere associata ai radio button deve essere racchiusa tra <FORM></FORM>?

Inoltre come faccio a sostituire la form in base al radio spuntato???

HELP HELP!!!! gRAZIE 1000!

**v2v2** · 05-10-2003, 10:35

codice:

<HEAD> 
<script> 
function cambia() { 
y=document.mioform.radioB;
for(i=0;i<y.length;i++){
   if(y[i].checked)document.forms["form"+i].style.visibility='visible'
	 else document.forms["form"+i].style.visibility='hidden';
	 }
} 
</script> 
</HEAD> 
<BODY> 
<form name="mioform"> 
<input type=radio onclick="cambia()" name=radioB checked>Milan
 
<input type=radio onclick="cambia()" name=radioB>Roma
 
<input type=radio onclick="cambia()" name=radioB>Lazio
 
</form> 

<form name="form0" style="position:absolute">
<input type="text" value="dagfaagd">
</form>

<form name="form1" style="visibility:hidden;position:absolute">
<select><option>adsdasdas</option><option>adsdasdas</option></select>
</form>

<form name="form2" style="visibility:hidden;position:absolute">
<textarea rows="20" cols="20">
safsafawf3wccewc
</textarea>
</form>
</BODY>

ciao

**FedeF79** · 05-10-2003, 10:41

Grazie v2_v2, sei sempre tu a darmi tanti consigli preziosi!

Pioi spiegarmi la logica che sta dietro a ciò che mi hai postato?

come devo fare per fare le form che devono essere caricate per gli altri radio button?

scusa e grazie 1000!

**v2v2** · 05-10-2003, 17:59

Originariamente inviato da FedeF79
Grazie v2_v2, sei sempre tu a darmi tanti consigli preziosi!

Pioi spiegarmi la logica che sta dietro a ciò che mi hai postato?

come devo fare per fare le form che devono essere caricate per gli altri radio button?

scusa e grazie 1000!

mioform è il form dove hai i radiobutton
il primo(milan) è quello selezionato di default

ad ogni radio button è associato un form:
a milan form0
a roma form1
a lazio form2

il form associato al radiobutton selezionato di default è l'unico a cui non devi togliere la visibilità

i contenuti dei vari form associati ai radiobutton li puoi modificare a piacimento, l'importante è che ad essi associ il nome form più un numero progressivo a partire da 0, che imposti nello stile la posizione absolute e la visibilità hidden (a parte form0)

**FedeF79** · 06-10-2003, 13:44

ciao v2_v2, tutto funziona a parte una cosa:
quando clicco su uno dei radio button la form viene sostituita ma non al posto della prima, quella che appare per dafault.
Cioè quando clicco su un dei radio button la form cambia ma viene caricata non al posto della precedente ma sotto.Al posto della form precedente cè uno spazio bianco! Come mai?può dipendere da position:absolute?

Mi puoi aiutare a capire perchè fa così?

**FedeF79** · 06-10-2003, 13:58

Risolto grazie....il problema era uno dei tag <div>

**FedeF79** · 07-10-2003, 09:31

<code>
for(i=0;i<y.length;i++){
if(y[i].checked)document.forms["form"+i].style.visibility='visible'
else document.forms["form"+i].style.visibility='hidden';
}
</code>

Ciao v2_v2, mi da errore nella visualizzazione della pagina questo ciclo qui:

mi dice che document.forms["form"+i].style.visibility non è un oggetto!
Come mai?

**Mich_** · 07-10-2003, 09:45

Potrebbe essere un bug del browser che usi.

In effetti la proprieta` visibility (che in HTML4 dovrebbe essere applicabile a tutti gli oggetti), potrebbe non essere supportata sull'oggetto form dal tuo browser.

Per aggirare l'ostacolo, inserisci il tuo form dentro un <div> ed applica la visibilita` a tale oggetto.

Ciao
Michele

**FedeF79** · 07-10-2003, 09:47

puoi applicare ciò che mi hai detto all'esempio che mi ha postato v2_v2?

Discussione: form che dipenda dal RADIO BUTTON spuntato

Strumenti discussione

Ricerca discussione

Visualizza

form che dipenda dal RADIO BUTTON spuntato

piccolo problema

PROBLEMONE!

Permessi di invio