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

28-08-2006, 22.02.57

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>&nbsp;</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">&nbsp;</td>
                </tr>
</table>
</form>
</body>

</html>

**dementialsite** · 29-08-2006, 08.54.21

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">
...
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
<INPUT TYPE="text" NAME="testo1" onChange="document.modulo2.testo2.value=this.value">
...
</FORM>
<FORM NAME="modulo2">
...
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
<INPUT TYPE="text" NAME="testo2" onChange="document.modulo1.testo1.value=this.value">
...
</FORM>

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

29-08-2006, 19.21.37

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>&nbsp;Sito</p>
<p>Username.<input TYPE="text" NAME="username" id= "username"></p>
<form NAME="modulo1"action="ProvaReg.php" method="get">
	.Password
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<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
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<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&nbsp;&nbsp;&nbsp;&nbsp; .
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<input TYPE="text" NAME="mail" onChange="document.modulo2.user_email.value=this.value"> 
	...
</form>
<form NAME="modulo5"action="ProvaReg.php" method="get">

<p>Msn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input TYPE="text" NAME="user_msnm" id="user_msnm"></p>
<p>Icq&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</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>&nbsp;Sito</p>
<p>Username.<input TYPE="text" NAME="username" id= "username"></p>
<div name="1" id="1">
	.Password
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<input TYPE="text" NAME="user_password" id="user_password" onChange="document.div3.password.value=this.value"> 
	...
<div name="2" id="2">

	Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<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
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<input TYPE="text" NAME="password" id="password" onChange="document.div1.user_password.value=this.value"> 
	...

<div name="4"id="4">
	..Email&nbsp;&nbsp;&nbsp;&nbsp; .
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<input TYPE="text" NAME="mail" onChange="document.div2.user_email.value=this.value"> 
	...

<div id="5">


<p>Msn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input TYPE="text" NAME="user_msnm" id="user_msnm"></p>
<p>Icq&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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>&nbsp;Sito</p>
<p>Username.<input TYPE="text" NAME="username" id= "username"></p>
<div name="1" id="1">
	.Password
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<input TYPE="text" NAME="user_password" id="user_password" onChange="document.modulo1.div3.password.value=this.value"> 
	...
<div name="2" id="2">

	Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<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
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<input TYPE="text" NAME="password" id="password" onChange="document.modulo1.div1.user_password.value=this.value"> 
	...

<div name="4"id="4">
	..Email&nbsp;&nbsp;&nbsp;&nbsp; .
<!-- ripeti, cambiando i nomi, tutti i campi che ti servono -->
	<input TYPE="text" NAME="mail" onChange="document.modulo1.div2.user_email.value=this.value"> 
	...

<div id="5">


<p>Msn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input TYPE="text" NAME="user_msnm" id="user_msnm"></p>
<p>Icq&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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

**dementialsite** · 30-08-2006, 12.17.47

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...

30-08-2006, 18.28.38

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

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

LinkBack

Strumenti discussione

Display

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

Regole di scrittura