Newsgroup: it.comp.lang.javascript
Titolo: input radio e input text

ciao, ho tre radio input ai quali corrispondono tre text input, vorrei che
alla selezione di un radio apparisse l'input text corrispondente.
La
selezione di un altro radio dovrebbe far scomparire quello precedente e
fare comparire il corrispondente.
spero di essere stato chiaro, grazie in
anticipo per le risposte.
saluti silvio
--------------------------------
Inviato via 
http://usenet.iol.it

 ha scritto nel messaggio
news:62Z11Z53Z20Y9...@usenet.iol.it...

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="javaScript">
function cambia(quale){
 for(i=0; i<3; i++){
   id0=""+"a"+quale
   id=""+"a"+i
qq=document.layers?document.layers[id]:document.getElementById?document.getE
lementById(id).style:document.all[id].style;
   qq.visibility="hidden"
 }
ck=document.layers?document.layers[id0]:document.getElementById?document.get
ElementById(id0).style:document.all[id0].style;
 ck.visibility="visible"
}
</SCRIPT>
</HEAD>
<body >
<form method="POST">
  <p><input type="radio" value="V1" checked name="R1"
onClick="cambia(0)"><br>
  <input type="radio" name="R1" value="V2" onClick="cambia(1)"><br>
  <input type="radio" name="R1" value="V3" onClick="cambia(2)"></p>
  <div id="a0"
style="position:absolute;top:15;left:50;visibility:visible;"><input
type="text" name="uno"></div>
  <div id="a1"
style="position:absolute;top:33;left:50;visibility:hidden;"><input
type="text" name="due"></div>
  <div id="a2"
style="position:absolute;top:48;left:50;visibility:hidden;"><input
type="text" name="tre"></div>
</form>
</BODY>
</HTML>
--
andreotta fabiano
WebM泅ter xxxxxxxxxx
afd...@tiscalinet.it
http://www.aticommerce.com
http://www.jsdir.com
http://www.dxml.it
  (u.c.)

secondo te sarebbe possibile cancellare i dati immessi in un input text se
viene selezionato un altro input radio?
grazie per la riposta e ciao!

 viene selezionato un altro input radio?
Salute Silvio. Puo' darsi che abbia capito il cosiddetto fico secco, ma
non farci caso: trattasi di stanchezza; e il tempo per progredire
proprio non lo trovo. Diciamo che aprrofitto di questo spazio per fare
un po' di allenamento con quelle due nozioni disponibili :-)
Fatti un copiaincolla e sappimi dire (almeno) se ho ben inquadrato la
tua esigenza. Che si possa far di meglio non ho dubbi.
<html><head><title>test</title>
<script language="JavaScript">
function uno()
{
document.form1.T1.value="testo campo uno";
document.form1.T2.value=" ";
document.form1.T3.value=" ";
}
function due()
{
document.form1.T1.value=" ";
document.form1.T2.value="testo campo due";
document.form1.T3.value=" ";
}
function tre()
{
document.form1.T1.value=" ";
document.form1.T2.value=" ";
document.form1.T3.value="testo campo tre";
}
</script>
</head>
<body>
<form name="form1">
<p>
<input type="radio" name="RD" onClick="uno();">
<input type="text" name="T1">
<p> 
<input type="radio" name="RD" onClick="due();">
<input type="text" name="T2">
<p> 
<input type="radio" name="RD" onClick="tre();">
<input type="text" name="T3">
</form>
</body>
</html>
-- 
mailto: y = i
----------------------------------------
Vivo nel terrore di non essere frainteso 
(Oscar Wilde)

ciao e grazie per la risposta, avrei bisogno di un form con tre input radio
che mostrano una input text quando vengono selezionati, ma che oltre a fare
sparire l'input text se vengono deselezionate attraverso la selezione di un
altro input canellano il contenuto dell'input text.
grazie della risposta.


 altro input canellano il contenuto dell'input text.
Hai provato a copiare pari pari il mio codice? Perche' questo che dici
viene fatto. In alternativa puoi anche andare all'URL che ti ha dato
Marco Balestra e vedere se lo script assomiglia a quello che cerchi,
magari ci capiamo meglio. Fammi sapere, ciao.


prima di tutto grazie della pazienza!
li script di Fabiano va benissimo,
però avrei bisogno di cancellare i dati eventualmente immessi nell'input
text.
Mi spiego meglio:
ho tre input radio R1 R2 R3 selezionando una di
queste (ad es R1) appare l'input text corrispondente (es. T1), la selezione
di un'altra (es. R2)fa sparire l'input text precedente (es. T1) e
visualizza il corrispondente (es. T2).
se nell'input text T1 scrivo "a" e
poi invece seleziono R2, appare T2, vorrei che i dati in T1 vengano
cancellati e cioè riselezionando R1, T1 appaia vuoto.
grazie ancora per la
pazienza e per l'aiuto che mi state dando.
saluti silvio


 text.
Qui sotto hai l'ottimo script di Fabiano (che anch'io ringrazio) con
integrato il codice che cancella i textfield. Ricorda che *non* hai
compatibilita con Netscape 4.x. Forse col 6 si', non so dirlo. 
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="javaScript">
function cambia(quale){
 for(i=0; i<3; i++){
   id0=""+"a"+quale
   id=""+"a"+i
qq=document.layers?document.layers[id]:document.getElementById?document.
getElementById(id).style:document.all[id].style;
   qq.visibility="hidden"
 }
ck=document.layers?document.layers[id0]:document.getElementById?document
.getElementById(id0).style:document.all[id0].style;ck.visibility="visibl
e"
}
function cancella1() {
document.form1.uno.value="";
}
function cancella2() {
document.form1.due.value="";
}
function cancella3() {
document.form1.tre.value="";
}
</SCRIPT>
</HEAD>
<body>
<form name="form1" method="POST">
  <p><input type="radio" value="V1" checked name="R1" 
onClick="cambia(0); cancella1();"><br>
<input type="radio" name="R1" value="V2" onClick="cambia(1); 
cancella2();"><br>
<input type="radio" name="R1" value="V3" onClick="cambia(2); 
cancella3();"></p>
<div id="a0"
style="position:absolute;top:15;left:50;visibility:visible;"><input
type="text" name="uno"></div>
  <div id="a1"
style="position:absolute;top:33;left:50;visibility:hidden;"><input
type="text" name="due"></div>
  <div id="a2"
style="position:absolute;top:48;left:50;visibility:hidden;"><input
type="text" name="tre"></div>
</form>
</BODY>
</HTML>
-- 


ragazzi grazie mille, veramente!!!
saluti silvio