[PHP ET JS] Copier des multiples champs dans d'autres

Bonjour

J'utilise une fonction javascript pour copier la valeur dans champ dans un autre.

Le problème réside dans le faite que j'ai plusieurs champs a copié, mais je voudrais que tous les champs se copie en un seule clique et un seul bouton dans différent autres champs.

toto1 dans project_name
toto2 dans ref
toto3 dans email
toto4 dans ville
Mais simultanément , et avec un seul clic

Ici c'est les champ que je veut récupérer
<?
   echo '<br><input type="text" id="toto1" name="toto1" value="', $ligne[1], '" />';
   echo '<br><input type="text" id="toto2" name="toto2" value="', $ligne[2], '" />';
   echo '<br><input type="text" id="toto3" name="toto3" value="', $ligne[3], '" />';
   echo '<br><input type="text" id="toto4" name="toto4" value="', $ligne[4], '" />';
?>
Le bouton pour copier
<input type="button" onclick="f()" value="modifier">
la fonction java script
<script>
function f()
{
var obj = document.getElementById("project_name");
obj.value = document.getElementById("toto1").value;
}
</script>
Et c'est ici que le champ toto1, toto2, toto2, toto2 doive être copier
<input type="text" id="project_name"><br>
<input type="text" id="ref "><br>
<input type="text" id="email"><br>
<input type="text" id="ville"><br>
--------------------------------------------------------------------------------------

J'ai essayé de cette façon mais Malheureusement ça ne fonctionne pas

<script javascript>
function f()
{
document.getElementById("project_name").value = document.getElementById("toto1").value;
document.getElementById("ref").value = document.getElementById("toto2").value;
document.getElementById("email").value = document.getElementById("toto3").value;
document.getElementById("ville").value = document.getElementById("toto4").value;
}
</script>

Avez-vous une solution pour moi SVP

Merci

Bonjour,

En faite je travaille sur Mozilla

Mais après votre dernier message j'ai essayer sur Internet explorer, donc ça fonctionne.

Comment le rendre compatible avec mozilla ? SVP

J'ai aussi trouvé ça sur Internet mais je ne sais pas comment le faire fonctionner

<div id="liste_1">
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
</div>
 
<div id="liste_2">
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
</div>
 
<div>
<input type="button" onclick="deplace('liste_1','liste_2');" />
</div>

<script type="text/javascript">
function deplace(idList1,idList2) {
var list1=document.getElementById(idList1);
var list2=document.getElementById(idList2);
var inputs_1=list1.getElementsByTagName("input");
var inputs_2=list2.getElementsByTagName("input");
for (var i=0;i<inputs_1.length;i++) {
inputs_2[i].value=inputs_1[i].value;
}
}
</script>

Merci d'avance

Bonjour,

Votre source fonctionne à la perfection

Exemple : [ Lien ]
Code source : [ Lien ]

Merci a vous vous venez de me sauver, JoJo738 

Merci a vous

Moi aussi je travail sur Firefox (mais je verifi quand meme sur IE)

Et normalement avec le script que j'ai fournis, ca devrai fontionner.

---

Si ma reponse te convient, merci de l'accepter !