Ciao a tutti, sono alle primissime armi con JS (ho iniziato solo ieri a guardarlo).
Sto impazzendo per una cosa che secondo me è semplicissima per chi usa JS da un po'... in pratica ho una pagina web molto semplice in cui l'utente puó cambiare email o password del suo profilo e volevo fare in modo che in base alla scelta che effettua (tramite 2 radio button), venissero aggiunte 2 textbox per la nuova email o 2 per la nuova password (se riesco volevo aggiungere in questo caso una checkbox per mostrare la nuova password digitata).
Ho cercatoin giro e su molti siti consigliano di usare JQuery perchè semplifica molto ma non riesco comunque a farlo funzionare...
Questo è il codice che ho provato a scrivere...
PS: Nel codice inserisco h1 ma era solo per vedere se lo visualizzava o no...
codice HTML:
<fieldset><legend>Operazione richiesta</legend>
<input type="radio" name="operazione" value="email" onclick="handleClick(this);"> Cambia email <br>
<input type="radio" name="operazione" value="password" onclick="handleClick(this);"> Cambia password <br>
<script type="text/javascript">
function handleClick(myRadio)
{
var op="";
op=document.GestioneProfilo.operazione.value;
alert("Click su radiobutton" + op);
if(op=="email")
{
alert("ci sono");
aggiungiElemento();
a = createElement ('input type="text" name="newEmail1" size="30"');
document.GestioneProfilo.appenChild(a);
}
}
function aggiungiElemento()
{
nuovoDiv = document.createElement("div");
nuovoDiv.innerHTML = "<h1>Ciao a tutti!</h1>";
// aggiunge l'elemento appena creato e il suo contenuto al DOM
mio_div = document.getElementById("org_div1");
document.body.insertBefore(nuovoDiv, mio_div);
}
</script>
<div id='org_div1'>Il testo qui sopra è stato creato dinamicamente.</div>
</fieldset>
Grazie mille