(Java Script)copiare testo di 1 un form in un altro form

Salve ragazzi,
volevo sapete come si fa ha fare in modo di copiare il testo che viene scritto in un form in un altro form,mi spiego meglio :
quando 1 scrive in 1 form ang nel secondo form viene automaticamente scritto ang, io vorrei ke fosse cosi e viceversa nel senso che se nel secondo viene scritto ang anke nel primo va scritto ang automaticamente.
E possibile=?
edit cio provato 1 po da solo ma nulla ,dopo aver letto un codice di funcool mi so messo ad adattarlo ma non va, cmq il codice è

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Nuova pagina 3</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <script language="Javascript" type="text/javascript"> function Scrivi() { document.getElementById("password").innerHTML=document.getElementById("user_password").value; document.getElementById("mail").innerHTML=document.getElementById("user_email").value; } </script> </head> <body> <p> </p> <form name="form1" action="ProvaReg.php" method="get"> <table border="1" width="357" height="359"> <tr> <td height="19" width="357" colspan="2"> <p align="center">Sito</td> </tr> <tr> <td height="21" width="127">Nik</td> <td height="21" width="214"> <input type="text" name="username" id="username" ></td> </tr> <tr> <td height="17" width="127">Pass</td> <td height="17" width="214"> <input type="text" name="user_password" id="user_password" onchange="Scrivi()"></td> </tr> <tr> <td height="18" width="127">Email</td> <td height="18" width="214"> <input type="text" name="user_email" id="user_email" onchange="Scrivi()"></td> </tr> <tr> <td height="18" width="341" colspan="2"> <p align="center">Forum</td> </tr> <tr> <td height="18" width="127">Nik</td> <td height="18" width="214"> Vale Quello sopra:....</td> </tr> <tr> <td height="17" width="127">Pass</td> <td height="17" width="214"> <input type="text" name="password" id="password"></td> </tr> <tr> <td height="19" width="127">Email</td> <td height="19" width="214"> <input type="text" name="mail" id="mail"></td> </tr> <tr> <td height="24" width="127"> <p align="left">Icq</td> <td height="24" width="214"> <input type="text" name="user_icq" id="user_icq"></td> </tr> <tr> <td height="22" width="127">Msn</td> <td height="22" width="214"> <input type="text" name="user_msnm" id="user_msnm"></td> </tr> <tr> <td height="24" width="341" colspan="2"> <p align="center"> <input type="submit" name="submit" value="Invia" id="submit"></td> </tr> <tr> <td height="59" width="341" colspan="2"> </td> </tr> </table> </form> </body> </html>

In Javascript per copiare da un form all'altro ti basta passare il valore, così:

Codice:

document.modulo1.testo1.value = document.modulo2.testo2.value

Se vuoi avere due moduli gestiti in parallelo, prova con questo:

Codice HTML:

<FORM NAME="modulo1"> ...  <INPUT TYPE="text" NAME="testo1" onChange="document.modulo2.testo2.value=this.value"> ... </FORM> <FORM NAME="modulo2"> ...  <INPUT TYPE="text" NAME="testo2" onChange="document.modulo1.testo1.value=this.value"> ... </FORM>

Non so se fosse proprio questo ciò che cercavi... stammi bene...

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Nuova pagina 3</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <script language="Javascript" type="text/javascript"> function Scrivi() { document.modulo1.user_password.value = document.modulo3.password.value; document.modulo2.user_email.value = document.modulo4.mail.value; } </script> </head> <body> <p> Sito</p> <p>Username.<input TYPE="text" NAME="username" id= "username"></p> <form NAME="modulo1"action="ProvaReg.php" method="get"> .Password  <input TYPE="text" NAME="user_password" id="user_password" onChange="document.modulo3.password.value=this.value"> ... </form> <form NAME="modulo2"action="ProvaReg.php" method="get"> Email          <input TYPE="text" NAME="user_email" id="user_email"onChange="document.modulo4.mail.value=this.value"> ... </form> <p>Forum</p> <p>Username: Quello usato per il sito</p> <form NAME="modulo3"action="ProvaReg.php" method="get"> .Password  <input TYPE="text" NAME="password" id="password" onChange="document.modulo1.user_password.value=this.value"> ... </form> <form NAME="modulo4"action="ProvaReg.php" method="get"> ..Email     .  <input TYPE="text" NAME="mail" onChange="document.modulo2.user_email.value=this.value"> ... </form> <form NAME="modulo5"action="ProvaReg.php" method="get"> <p>Msn           <input TYPE="text" NAME="user_msnm" id="user_msnm"></p> <p>Icq             </form> <form NAME="modulo6"action="ProvaReg.php" method="get"> <input TYPE="text" NAME="user_icq" id="user_icq"></p> </form> <p><input type="submit" name="submit" value="Invia" id="submit"> </p> </body> </html>

come invio tuti i moduli ad 1 pagina come se fosse solo1 modulo?
edit o provato anke a usare i div in2 modi;

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Nuova pagina 3</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <script language="Javascript" type="text/javascript"> function Scrivi() { document.div1.user_password.value = document.div3.password.value; document.div2.user_email.value = document.div4.mail.value; } </script> </head> <body> <form NAME="modulo1"action="ProvaReg.php" method="get"> <p> Sito</p> <p>Username.<input TYPE="text" NAME="username" id= "username"></p> <div name="1" id="1"> .Password  <input TYPE="text" NAME="user_password" id="user_password" onChange="document.div3.password.value=this.value"> ... <div name="2" id="2"> Email          <input TYPE="text" NAME="user_email" id="user_email"onChange="document.div4.mail.value=this.value"> ... < <p>Forum</p> <p>Username: Quello usato per il sito</p> <div name="3" id="3"> .Password  <input TYPE="text" NAME="password" id="password" onChange="document.div1.user_password.value=this.value"> ... <div name="4"id="4"> ..Email     .  <input TYPE="text" NAME="mail" onChange="document.div2.user_email.value=this.value"> ... <div id="5"> <p>Msn           <input TYPE="text" NAME="user_msnm" id="user_msnm"></p> <p>Icq             <div id="6"> <input TYPE="text" NAME="user_icq" id="user_icq"></p> </form> <p><input type="submit" name="submit" value="Invia" id="submit"> </p> </body> </html>

e

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Nuova pagina 3</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <script language="Javascript" type="text/javascript"> function Scrivi() { document.modulo1.div1.user_password.value = document.modulo1.div3.password.value; document.modulo1.div2.user_email.value = document.modulo1.div4.mail.value; } </script> </head> <body> <form NAME="modulo1"action="ProvaReg.php" method="get"> <p> Sito</p> <p>Username.<input TYPE="text" NAME="username" id= "username"></p> <div name="1" id="1"> .Password  <input TYPE="text" NAME="user_password" id="user_password" onChange="document.modulo1.div3.password.value=this.value"> ... <div name="2" id="2"> Email          <input TYPE="text" NAME="user_email" id="user_email"onChange="document.modulo1.div4.mail.value=this.value"> ... < <p>Forum</p> <p>Username: Quello usato per il sito</p> <div name="3" id="3"> .Password  <input TYPE="text" NAME="password" id="password" onChange="document.modulo1.div1.user_password.value=this.value"> ... <div name="4"id="4"> ..Email     .  <input TYPE="text" NAME="mail" onChange="document.modulo1.div2.user_email.value=this.value"> ... <div id="5"> <p>Msn           <input TYPE="text" NAME="user_msnm" id="user_msnm"></p> <p>Icq             <div id="6"> <input TYPE="text" NAME="user_icq" id="user_icq"></p> </form> <p><input type="submit" name="submit" value="Invia" id="submit"> </p> </body> </html>

ma niente non va aiuto pls

Mi sa che stai facendo un (gran) bel po' di confusione, cerchiamo di riordinare le idee: per inviare più dati ad una stessa pagina, tutti i controlli (campi di testo, checkbox, radio-button etc.) devono stare in un unico tag FORM, così:

Codice HTML:

<FORM NAME="modulo1" ACTION="invio.php" METHOD="get"> <INPUT TYPE="text" NAME="user"> <INPUT TYPE="password" NAME="pwd"> <INPUT TYPE="submit" VALUE="Invia"> </FORM>

Ora, se hai inserito più controlli che vuoi aggiornare "in parallelo", resta valido il codice precedente: l'unica differenza è che avendo inserito gli stessi controlli nello stesso modulo, il nome del modulo sarà lo stesso. Non è necessario utilizzare DIV o altri elementi (o meglio, solo per fare un po' di formattazione, ma non certo per referenziarti ai contenuti). Dovrai scrivere quindi qualcosa tipo:

Codice HTML:

<FORM NAME="modulo1" ACTION="invio.php" METHOD="get"> <INPUT TYPE="text" NAME="user" onChange="document.modulo1.user2.value=this.value"> <INPUT TYPE="password" NAME="pwd"> ... <INPUT TYPE="text" NAME="user2" onChange="document.modulo1.user.value=this.value"> <INPUT TYPE="submit" VALUE="Invia"> </FORM>

Se è questo quello che vuoi fare, però, permettimi una critica: perché inviare per DUE VOLTE campi uguali (solo con nomi diversi) in due diverse variabili?

Stammi bene...

perke e 1 po complesso unificare le 2 cose ,sono 2 tabelle diverse con 2 campi diversi ,sapresti farlo te?