è possibile creare un form che, dopo un click su un'immagine ad esempio, aggiunga un campo input alla fine senza dover ricaricare la pagina ?
il campo non deve essere nascosto.. si deve proprio creare al momento per n volte quanti sono i click sull'immagine.
spero di essermi spiegato bene
Mi sembra che l'argomento è stato trattato ieri o l'altro ieri.
sto provando a cercare ma al momento non trovo lo stesso argomento ... ci riprovo
Comunque questo puo' aiutarti.
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <script language="JavaScript" type="text/javascript"> <!-- var idC = 0; function Aggiungi() { idC++; a = 'Elemento'+idC+'<input type="text" id="pippo'+idC+'" > '; document.getElementById('contenitore').innerHTML += a; } //--> </script> </head> <body> <div id="contenitore"> </div> <input type="button" value="Aggiungi" onclick="Aggiungi()"> </body> </html>
credo sia proprio l'esempio che cercavo, grazie mille !
ultima domanda ...
è possibile anche eliminare quella parte di codice ? o una volta inserita non si può tornare indietro ?
Puoi fare cosi.... ma secondo me non è elegante
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <script language="JavaScript" type="text/javascript"> <!-- var idC = 0; function Aggiungi() { idC++; a = '<span id="span'+idC+'">Elemento '+idC+'</span><input type="text" id="pippo'+idC+'" ><input type="button" value="Canc" id="btn'+idC+'" onclick="canc('+idC+')"><br id="br'+idC+'" />'; document.getElementById('contenitore').innerHTML += a; } function canc(numero) { document.getElementById('span'+numero).outerHTML = ''; document.getElementById('pippo'+numero).outerHTML = ''; document.getElementById('btn'+numero).outerHTML = ''; document.getElementById('br'+numero).outerHTML = ''; } //--> </script> </head> <body> <div id="contenitore"> </div> <input type="button" value="Aggiungi" onclick="Aggiungi()"> </body> </html>
Permessi di invio
Rispondi quotando