Nascondere/Mostrare textarea

[Dirk Pitt]

Ho creato uno script che mi nasconde una textarea in base alla scelta di uno dei due radiobutton (dovrebbe nascondere ). Eccolo di seguito:

<script type="text/javascript" language="JavaScript1.2">
<!--
function show_hide() {
If ((document.getElementById('radio1').checked == true)) {
	document.getElementById('textarea1').style.display = 'none';
}
else {
	document.getElementById('textarea1').style.display = '';
      }
}
// -->
</script>

Come avrete capito... non funziona. Un aiuto?

Thanks

[floyd]

if minuscolo, poi dovrei vedere il codice del radiobutton e della textarea

[Dirk Pitt]

Problema risolto, semplicemente scrivendo if e non If.
Grazie floyd.

[tigre2209]

come richiami la funzione da una radiobutton?

[Dirk Pitt]

Tigre, non ricordo, è passata una vita.
Ma penso basti on onClick, su entrambi i radiobutton, o comunque su ogni radio button tu voglia richiamare la funzione.

[tigre2209]

io ho 3 radio

<input name="tipo" type="radio" value="interno" onclick="show_hide()" />Interno
<input name="tipo" type="radio" value="esterno" onclick="show_hide()" />Esterno
<input name="tipo" type="radio" value="est" onclick="show_hide()" />Esterno

<script type="text/javascript" language="JavaScript1.2">
<!--
function show_hide() {
if((document.getElementById('tipo').checked == true)) {
document.getElementById('alfa1').style.display = 'none';
}
else {
document.getElementById('alfa1').style.display = '';
}
}
// -->
</script>
ma non funziona.
dove puo' essere l'errrore?
considera che in base alla scelta devo far vedere dei campi.

[Dirk Pitt]

Non ti funziona perchè gli input che hai inserito non hanno la proprietà id, cui invece si fa riferimento nel js.
Quindi:

<input id="radio1"  name="tipo" type="radio" value="interno" onclick="show_hide();" />Interno
<input id="radio2"  name="tipo" type="radio" value="esterno" onclick="show_hide();" />Esterno
<input id="radio3"  name="tipo" type="radio" value="est" onclick="show_hide();" />Esterno

Se è in base alla scelta, basta che duplichi la condizione facendo riferimento all'id del radiobutton da controllare la "ceccatura" e modifichi di conseguenza la visibilità dei campi

[tigre2209]

ho provato cosi:


<input id="radio1" name="tipo" type="radio" value="interno" onclick="show_hide()" />Interno
<input name="tipo" id="radio2" type="radio" value="esterno" onclick="show_hide()" />Esterno

<script type="text/javascript" language="JavaScript1.2">
<!--
function show_hide() {
if ((document.getElementById('radio1').checked == true)) {
document.getElementById('select1').style.display = 'none';
}
else {
document.getElementById('select1').style.display = '';
}
}
// -->
</script>
ma non funziona.

[Dirk Pitt]

<input id="radio1" name="tipo" type="radio" value="interno" onclick="show_hide(); " />Interno 
<input name="tipo" id="radio2" type="radio" value="esterno" onclick="show_hide(); " />Esterno

Ti dà qualche errore?
Provalo con Firefox e controlla la consolle degli errori.

[tigre2209]

ho fatto delle correzioni e ora funziona-
invece dei radiobutton, posso utilizzare una select?
<select name=tipo>
<option>----</option>
se è si come posso modificare lo script sotto?

<script type="text/javascript" language="JavaScript1.2">
<!--
function show_hide() {
if ((document.getElementById('radio1').checked == true)) {
document.getElementById('select1').style.display = 'none';
}
else {
document.getElementById('select1').style.display = '';
}
}
// -->
</script>