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

Version imprimable

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

1 2 3 4 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
Code:

1 2 3 4 5 6 <? 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

Code:

<input type="button" onclick="f()" value="modifier">

la fonction java script
Code:

1 2 3 4 5 6 7 <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

Code:

<input type="text" id="project_name"><br>

Code:

<input type="text" id="ref "><br>

Code:

<input type="text" id="email"><br>

Code:

<input type="text" id="ville"><br>

Merci

Bonjour

Sans être une experte je dirais que si tu connais les noms des champs de départ et les noms des champs d'arrivées, ça ne devrait pas trop poser de problème.
Code:

1 2 3 4 5 6 7 8 9 <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>
Mais je pense que c'est plus un problème de JS que de PHP...

13/07/2007, 14h36
Akim13

Bonjour

Malheureusement ca ne fonctionne pas

ya t'il une autres methode

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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>
 
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;
}
}

Si cela peut t'aider!

J'ai pas testé, je l'ai pondu en 5 minutes. Mais je pense que ça doit marcher, et ainsi, plus besoin de ID dans les input.

Bon courage!

Bonjour,

Probleme resolu, merci a vous tous,

Voila le corriger

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<?php
 
$ligne = array(
 'ligne 1',
 'ligne 2',
 'ligne 3',
 'ligne 4',
);
 
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Test Formulaire</title>
    <script type="text/javascript">
//<![CDATA[
    function $() {
     var elements = new Array();
     for (var i=0,len=arguments.length;i<len;i++) {
      var element = arguments[i];
      if (typeof element == 'string') {
       var matched = document.getElementById(element);
       if (matched) {
        elements.push(matched);
       } else {
        var allels = (document.all) ? document.all : document.getElementsByTagName('*');
        var regexp = new RegExp('(^| )'+element+'( |$)');
        for (var i=0,len=allels.length;i<len;i++)
         if (regexp.test(allels[i].className))
          elements.push(allels[i]);
       }
       if (!elements.length)
        elements = document.getElementsByTagName(element);
       if (!elements.length) {
        elements = new Array();
        var allels = (document.all) ? document.all : document.getElementsByTagName('*');
        for (var i=0,len=allels.length;i<len;i++)
         if (allels[i].getAttribute(element))
          elements.push(allels[i]);
       }
       if (!elements.length) {
        var allels = (document.all) ? document.all : document.getElementsByTagName('*');
        for (var i=0,len=allels.length;i<len;i++)
         if (allels[i].attributes)
          for (var j=0,lenn=allels[i].attributes.length;j<lenn;j++)
           if (allels[i].attributes[j].specified)
            if (allels[i].attributes[j].nodeValue == element)
             elements.push(allels[i]);
       }
      } else
       elements.push(element);
     }
     if (elements.length == 1)
      return elements[0];
     else
      return elements;
    }
 
    function f()  {
     $('project_name').value = $('toto1').value;
     $('ref').value   = $('toto2').value;
     $('email').value = $('toto3').value;
     $('ville').value = $('toto4').value;
    }
    //]]>
   </script>
  </head>
  <body>
   <form action="" method="post">
    <fieldset>
     <legend>Partie I</legend>
<?php
 
echo '
     <input type="text" name="toto1" id="toto1" value="', $ligne[0], '" />
     <br />
     <input type="text" name="toto2" id="toto2" value="', $ligne[1], '" />
     <br />
     <input type="text" name="toto3" id="toto3" value="', $ligne[2], '" />
     <br />
     <input type="text" name="toto4" id="toto4" value="', $ligne[3], '" />';
 
?>
    </fieldset>
 
    <p>
     <input type="button" value="Modifier" onclick="f();" />
    </p>
    <fieldset>
     <legend>Partie II</legend>
     <input type="text" name="project_name" id="project_name" />
     <br />
     <input type="text" name="ref" id="ref" />
     <br />
     <input type="text" name="email" id="email" />
     <br />
     <input type="text" name="ville" id="ville" />
    </fieldset>
   </form>
  </body>
</html>

Merci a vous tous,