remplir plusieurs champs avec une checkbox Recherche :

Version imprimable

29/01/2009, 20h00
jules_diedhiou

remplir plusieurs champs avec une checkbox Recherche :

bonjour à tous et à toutes,
Je voudrais savoir comment remplir tous les champs d'un formulaire ,à l'identique d'autre champs, par le biais d'une checkbox,
29/01/2009, 20h10
Jumano

Bonsoir,
Tu peux peut être t'inspirer de la FAQ : ici

merci je me suis bien inspirer de la faq
voila ce que jai fait:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 $insertSQL3 = sprintf("Select id_numero,Nom,prenom,nickname,mail,date_anniversaire,nationalite,lieu_residence,langue,sexe,situation,address,city,postal_code,telephone,yup_number from customer where yup_number ='".$_SESSION["aaaa"]." ';");
$Result3 = mysql_query($insertSQL3,$connex2) or die(mysql_error());
$col2=mysql_fetch_row($Result3);
 ?>
                        function verifie2(){
if (document.form2.termsofuse2.checked==true)
 {
 
 
 
  document.getElementById('address2')=<?php echo $col2[11]; ?>
  document.getElementById('city2')=<?php echo $col2[12] ; ?>
  document.getElementById('poxbox2')=<?php echo $col2[13] ?>;
  document.getElementById('numtel2')= <?php echo $col2[14];?>
  document.getElementById('email2')=<?php echo $col2[4]; ?>
  document.getElementById('lieuresid2')=<?php echo $col2[7]; ?>
 
 
}
                        }

et le checkbox:

Code:

1
2
3
 
<table align=center><tr> <td class=propTD>* Click here if it is the same address</td>
        <td><input name="termsofuse2" type="checkbox" id="checke2" onClick="verifie2();"/></td></tr></table>

mais ça ne remplis pas les champs

29/01/2009, 20h42
Bovino

Pourrais-tu nous montrer le code HTML généré plutôt que le PHP ainsi que les champs à copier et ceux à remplir ?

voici les champs déja remplis:

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
 
<form action="test.php" method="post" name="form2"  > 
<table>
<tr >
          <td class="propTD" >* ADDRESS:</td>
          <td > <?php printf("<textarea rows=3 name=address id=adress readonly>$col1[11]</textarea>");?> </td>
        </tr>
 
		<tr >
          <td class="propTD" >* CITY:</td>
          <td > <?php printf(" <input type=text name=city id=city value=\"$col1[12]\" readonly/>");?> </td>
        </tr>
		<tr >
          <td class="propTD" >* PO BOX:</td>
         <td > <?php printf("<input type=text name=pox_box id=poxbox value=\"$col1[13]\" readonly/>"); ?> </td>
        </tr>
        <tr >
          <td class="propTD" >PHONE NUMBER:</td>
          <td > <?php printf("<input type=text  name=num_tel id=numtel size=32 value=\"$col1[14]\" readonly/>");?> </td>
        </tr>
	<tr>
        <td class="propTD">* COUNTRY OF RESIDENCE:</td>
        <td><select name="lieu_residence" id="lieuresid" readonly="true">
        <?php
             printf("<option value=\"Afghanistan\" %s>Afghanistan</option>", ($col1[7] =="Afghanistan") ? "selected=\"selected\"" : "");
	printf("<option value=\"Albania\" %s>Albania </option>", ($col1[7] =="Albania") ? "selected=\"selected\"" : "");
	printf("<option value=\"Algeria\" %s>Algeria </option>", ($col1[7] =="Algeria") ? "selected=\"selected\"" : "");
	 printf("<option value=\"Andorra\" %s>Andorra</option>", ($col1[7] =="Andorra") ? "selected=\"selected\"" : "");
</select></td>
</tr>
</table>

et voici les champs a remplir en cliquant sur la checkbox il sont tous sur le méme formulaire

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
 
<table>
              <tr >
          <td class="propTD" >* ADDRESS:</td>
          <td > <?php printf("<textarea rows=3 name=address2 id=adress2 ></textarea>");?> </td>
        </tr>
           <tr >
          <td class="propTD" >* CITY:</td>
          <td > <?php printf(" <input type=text name=city2 id=city2  />");?> </td>
        </tr>
		<tr >
          <td class="propTD" >* PO BOX:</td>
         <td > <?php printf("<input type=text name=pox_box2 id=poxbox2  />"); ?> </td>
        </tr>
        <tr >
          <td class="propTD" >PHONE NUMBER:</td>
          <td > <?php printf("<input type=text  name=num_tel2 id=numtel2 size=32  />");?> </td>
        </tr>
	<tr>
        <td class="propTD">* COUNTRY OF RESIDENCE:</td>
        <td><select name="lieu_residence2" id="lieuresid2">
<option>Albania</option>
      <option>Algeria</option>
      <option>Andorra</option>
      <option>Angola</option>
      <option>Antigua and Barbuda</option>
      <option>Argentina</option>
      <option>Armenia</option>
</select></td><tr>
</table>

HTML généré pas PHP !!!
Poster le HTML généré permet de voir plus facilement le code (donc les erreurs), cela aide à voir des erreurs pas toujours évidentes directement dans le code PHP et surtout, JavaScript agit sur ce code, pas sur le PHP, donc ça nous permet de voir ce que voit JavaScript, pas ce que tu crois (ou veux) qu'il y a sur ta page !

Ceci étant dit, première erreur :
Code:

1 2 3 4 5 6 document.getElementById('address2')=<?php echo $col2[11]; ?> document.getElementById('city2')=<?php echo $col2[12] ; ?> document.getElementById('poxbox2')=<?php echo $col2[13] ?>; document.getElementById('numtel2')= <?php echo $col2[14];?> document.getElementById('email2')=<?php echo $col2[4]; ?> document.getElementById('lieuresid2')=<?php echo $col2[7]; ?>
Ce ne sont pas les éléments que tu veux remplir mais leur value ;)
Donc :
Code:

1 2 3 4 5 6 document.getElementById('address2').value=<?php echo $col2[11]; ?> document.getElementById('city2').value=<?php echo $col2[12] ; ?> document.getElementById('poxbox2').value=<?php echo $col2[13] ?>; document.getElementById('numtel2').value= <?php echo $col2[14];?> document.getElementById('email2').value=<?php echo $col2[4]; ?> document.getElementById('lieuresid2').value=<?php echo $col2[7]; ?>

bonjour bovino et a l'ensemble des forumeur
J'ai mis les value mais ça ne marche tjrs pas voici le code html:
champs déja remplis

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
 
<form action="test.php" name="form2" methode="post>"
<table>
<tr >
          <td class="propTD" >* ADDRESS:</td>
          <td > <textarea rows=3 name=address id=adress readonly>golf-sud nord</textarea> </td>
        </tr>
 
		<tr >
 
          <td class="propTD" >* CITY:</td>
          <td >  <input type=text name=city id=city value="dakar" readonly/> </td>
        </tr>
		<tr >
          <td class="propTD" >* PO BOX:</td>
         <td > <input type=text name=pox_box id=poxbox value="99000" readonly/> </td>
 
        </tr>
        <tr >
          <td class="propTD" >PHONE NUMBER:</td>
          <td > <input type=text  name=num_tel id=numtel size=32 value="00221775019181" readonly/> </td>
        </tr>
<tr>
        <td class="propTD">* COUNTRY OF RESIDENCE:</td>
        <td><select name="lieu_residence" id="lieuresid" readonly="true">
        <option value="Afghanistan" >Afghanistan</option>
</tr>
</table>

et pour le les champs a remplir

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<table>
              <tr >
          <td class="propTD" >* ADDRESS:</td>
          <td > <textarea rows=3 name=address2 id=adress2 ></textarea> </td>
        </tr>
<tr >
          <td class="propTD" >* CITY:</td>
 
          <td >  <input type=text name=city2 id=city2  /> </td>
        </tr>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<tr >
          <td class="propTD" >* PO BOX:</td>
         <td > <input type=text name=pox_box2 id=poxbox2  /> </td>
        </tr>
 
        <tr >
          <td class="propTD" >PHONE NUMBER:</td>
          <td > <input type=text  name=num_tel2 id=numtel2 size=32  /> </td>
        </tr>
        	<tr>
        <td class="propTD">* COUNTRY OF RESIDENCE:</td>
        <td><select name="lieu_residence2" id="lieuresid2" >
 
        <option>Select Country of Residence:</option>
        <option>Afghanistan</option>
</select>
</td>
</tr>
</table

Code:

1
2
3
4
5
6
document.getElementById('address2').value=<?php echo $col2[11]; ?>
  document.getElementById('city2').value=<?php echo $col2[12] ; ?>
  document.getElementById('poxbox2').value=<?php echo $col2[13] ?>;
  document.getElementById('numtel2').value= <?php echo $col2[14];?>
  document.getElementById('email2').value=<?php echo $col2[4]; ?>
  document.getElementById('lieuresid2').value=<?php echo $col2[7]; ?>

En te proposant ça, je suppose que tes valeurs PHP sont correctes... Mais si tu veux juste copier les valeurs des champs, pourquoi ne pas faire :

Code:

1
2
3
document.getElementById('address2').value=document.getElementById('address').value;
  document.getElementById('city2').value=document.getElementById('city').value;
...

30/01/2009, 13h43
jules_diedhiou

ça ne marche toujours pas et je suis perdu en ce moment
30/01/2009, 18h49
Bovino

Peux-tu montrer le code (HTML et JavaScript généré ;)) que tu utilises actuellement ?

voici le code html généré:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script>
 function controle(){
if (document.forms[form2].valid.checked)
 
 {
  document.getElementById('adress2').value=golf-sud nord ;
  document.getElementById('city2').value=dakar ;
  document.getElementById('poxbox2').value=99000 ;
  document.getElementById('numtel2').value= 00221775019181 ;
  document.getElementById('email2').value=jules.diedhiou@gmail.com ;
  document.getElementById('lieuresid2').value=Senegal ;
 
 
}
                        }
 
</script>

voici le code html des champs déja remplis

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
 
<legend>Your personal settings</legend>
      <table width="612" align="left" class="registerT">
		<tr>
		<td width="220" class="propTD">* FULL LAST NAME:</td>
 
		<td > <input type=text name=Nom value="souleymane" readonly/>  </td>
		</tr>
        <tr>
		<td class="propTD">* FULL FIRST NAME:</td>
		<td > <input type=text name=prenom value="diedhiou"  readonly/>  </td>
        </tr>
 
        <tr>
		<td class="propTD" >* NICKNAME:</td>
		<td > <input type=text name=nickname value="Jules" readonly/>  </td>
		</tr>
		<tr>
		<td class="propTD" >* E-MAIL:</td>
		<td > <input type=text name=mail id=email  size=32 value="jules.diedhiou@gmail.com" readonly/> </td>
 
        </tr>
        <tr >
          <td class="propTD" >* ADDRESS:</td>
          <td > <textarea rows=3 name=address id=adress readonly>golf-sud nord</textarea> </td>
        </tr>
 
		<tr >
 
          <td class="propTD" >* CITY:</td>
          <td >  <input type=text name=city id=city value="dakar" readonly/> </td>
        </tr>
		<tr >
          <td class="propTD" >* PO BOX:</td>
         <td > <input type=text name=pox_box id=poxbox value="99000" readonly/> </td>
 
        </tr>
        <tr >
          <td class="propTD" >PHONE NUMBER:</td>
          <td > <input type=text  name=num_tel id=numtel size=32 value="00221775019181" readonly/> </td>
        </tr>
<tr>
        <td class="propTD">* COUNTRY OF RESIDENCE:</td>
        <td><select name="lieu_residence" id="lieuresid" readonly="true">
        <option value="Afghanistan" >Afghanistan</option>
<option value="Albania" >Albania </option>
<option value="Algeria" >Algeria </option>
......
</tr>
</select>
</td>
 <tr >
          <td class="propTD">GENDER:</td>
          <td><select name="sexe2" id="sexe3" readonly="true" >
            <option value="Male" selected="selected">Male</option>
<option value="Female" >Female</option>            
</select>
 
          </td>
        </tr>
         </table>
</fieldset>

et voici les champs a remplir en cochant le checkbox:

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
 
<table align=center><tr> <td class=propTD>* Click here if it is the same address</td>
        <td><input name="valid" type="checkbox" id="check2" onClick="controle()" /></td></tr></table>
            <fieldset>
             <legend>Please enter your address shipping</legend>
 
              <table>
              <tr >
          <td class="propTD" >* ADDRESS:</td>
          <td > <textarea rows=3 name="address2" id="adress2" ></textarea> </td>
        </tr>
           <tr >
          <td class="propTD" >* CITY:</td>
 
          <td >  <input type="text" name="city2" id="city2"   /> </td>
        </tr>
		<tr >
          <td class="propTD" >* PO BOX:</td>
         <td > <input type="text" name="pox_box2" id="poxbox2"  /> </td>
        </tr>
 
        <tr >
          <td class="propTD" >PHONE NUMBER:</td>
          <td > <input type="text"  name="num_tel2" id="numtel2" size=32  /> </td>
        </tr>
        	<tr>
        <td class="propTD">* COUNTRY OF RESIDENCE:</td>
        <td><select name="lieu_residence2" id="lieuresid2" >
 
        <option>Select Country of Residence:</option>
        <option>Afghanistan</option>
      <option>Albania</option>
      <option>Algeria</option>
      <option>Andorra</option>
......
</tr>
</select>
</td>

ces champs sont sur le méme formulaire.
sinon quand j'affiche la source je ne vois pas la parti<form name=form2 post=..>
est ce du qu fait que jai la parti form dans du php
voici le form dans mon script:

Code:

1
2
 
printf("<form action=\"http://addistelecom.com/thinMPI/DirReq_OD.php?numero_yup=".$_SESSION["numero_orkutel"]."&didgroup=".$_SESSION["DIDgroup"]."\" method=post name=form2  > ");

est ce le probleme est venu de la?

Citation:

Envoyé par Bovino

Code:

1
2
3
4
5
6
document.getElementById('address2').value=<?php echo $col2[11]; ?>
  document.getElementById('city2').value=<?php echo $col2[12] ; ?>
  document.getElementById('poxbox2').value=<?php echo $col2[13] ?>;
  document.getElementById('numtel2').value= <?php echo $col2[14];?>
  document.getElementById('email2').value=<?php echo $col2[4]; ?>
  document.getElementById('lieuresid2').value=<?php echo $col2[7]; ?>

En te proposant ça, je suppose que tes valeurs PHP sont correctes...

Je m'étais trompé... :cry:

Code:

1
2
3
document.getElementById('address2').value=<?php echo $col2[11]; ?>
  document.getElementById('city2').value=<?php echo '"'.$col2[12].'"' ; ?>
 ...

Tu as oublié les quotes, donc JavaScript les prend pour des variables !

merci bovino pour tes réponses ça a pu marcher mais il a fallu que je mette un else dans le code javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
                        function controle(){
if (document.form2.valid.checked==true)
 
 {
  document.getElementById('adress2').value=<?php echo '"'.$col2[11].'"'; ?> ;
  document.getElementById('city2').value=<?php echo '"'.$col2[12] .'"' ; ?> ;
  document.getElementById('poxbox2').value=<?php echo '"'.$col2[13].'"' ;?> ;
  document.getElementById('numtel2').value= <?php echo '"'.$col2[14].'"';?> ;
  document.getElementById('email2').value=<?php echo '"'.$col2[4].'"'; ?> ;
  document.getElementById('lieuresid2').value=<?php echo '"'.$col2[7].'"'; ?> ;
 
 
} else{
     document.getElementById('adress2').value="";
  document.getElementById('city2').value="";
  document.getElementById('poxbox2').value="" ;
  document.getElementById('numtel2').value= "";
  document.getElementById('email2').value="" ;
  document.getElementById('lieuresid2').value="Select Country of Residence:" ;
 
}

mais une chose bizar quand je met

Code:

1
2
 
<?php printf("<form action=\"http://addistelecom.com/thinMPI/DirReq_OD.php?numero=".$_SESSION["masession1"]."&numero2=".$_SESSION["masession2"]." name=form2 method=post \">");?>

le script javascript ne marchera pas mais par contre si je met

Code:

1
2
3
4
5
 
<?php 
$action = '"http://addistelecom.com/thinMPI/DirReq_OD.php?numero=".$_SESSION["masession1"]."&numero2=".$_SESSION["masession2"]."" ';
?>
<form action=<?php echo $action ;?> name="form2" method="post" >

là le script javascript marche mais je perd mais variables sur lautre page ce qui me pose probleme aprés