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

**Akim13** · 13/07/2007, 13h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

la fonction java script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci

**Celira** · 13/07/2007, 14h26

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 js :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Akim13** · 13/07/2007, 14h36

Bonjour

Malheureusement ca ne fonctionne pas

ya t'il une autres methode

**Malarkey** · 13/07/2007, 15h06

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

**Akim13** · 13/07/2007, 16h26

Bonjour,

Probleme resolu, merci a vous tous,

Voila le corriger

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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,

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

JavaScript

Discussions similaires

Partager

Partager