Récupération des champs dynamique js en php [Résolu]

sfarouk · 11/03/2011, 11h11

Bonjour l'équipe!
J'avais déjà eu des échanges au sujet de mon code ci dessous sur les calcules dynamique et on a trouvé une solution. Maintenant je voudrais récupéré mes champs dynamique js en php, mais j'ai un problème car les variable du php ne reçoivent pas les valeurs.
Merci d'avance de votre aide

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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<?php
  $design=$_POST['designs'];
  $qtite=$_POST['Qte'];
  $prix=$_POST['pus'];
  if(isset($design))
   {
    print_r($design); 
   }   
?>
 
 
 
<html>
<body onload="Create_Ligne(1)">
        <form method="post" action="test.php">
			<table id="fact-tablee" style="width:507px;margin-top:10px;" cellpadding="0" cellspacing="0">
                                        	<tr>
                                            	<th class="corn-fact-t-l"></th>
                                                <th style="width:166px;">DESIGNATION</th>
                                           	  	<th  style="width:58px;">Qt&eacute;</th>
                                                <th  style="width:82px;">P.U.</th>
                                            	<th  style="width:38px;">TVA</th>
                                                <th  style="width:60px;">PRIX HT</th>
                                            	<th  style="width:59px;">PRIX TTC</th>
                                                <th  style="width:30px;"></th>
                                                <th> </th>
                                            </tr>
 
 
             </table>
			 <table>
			    <tr>
				     <th><input type="button" onclick="Create_Ligne(1)" value="Ajouter ligne" /></th>
					 <th><input type="submit" onclick="Enregistrer()" value="Enregister" /> </th>
				</tr>
 
 
		</form>
 
<script langage="javascript">	
 
<!--traitement de données------>
function Enregistrer(){
 
     var  i=0,
      qtes,
      pus,
      designs,
      Qte;
 
  //-- tant que l'objet existe
  qtes=document.getElementsByName('qte[]');
  for(i; i< qtes.length; i++)
  {
    Qte    = parseInt( qtes[i].value);
    pus   = parseFloat( document.getElementsByName('pu[]')[i].value);	
    designs=document.getElementsByName('designation[]')[i].value;
	alert(designs);
  }
 
}
 
<!-- fin -->
 
 
 
var Compteur = 0;
//--------------------------
function Delete_Ligne( obj_){
  var Parent;
  var Obj = obj_;
  if( Obj){
    //-- tant que pas la balise <TR>
    do{
       Obj = Obj.parentNode;
    }while( Obj.tagName != "TR")
    //-- Recup du parent
    Parent = Obj.parentNode;
    //-- Suppression de la ligne
    if( Parent){
      Parent.deleteRow( Obj.rowIndex)
    }
  }
}
//----------------------
function Create_Ligne(i){
  //-- compteur pour le FUN
 
  //-- Get objet tableau
  var O_Table = document.getElementById('fact-tablee');
  //-- Get nombre de ligne du tableau
  var NbrLigne = O_Table.rows.length;
  //-- Position d'insertion
  var Pos = NbrLigne;
 
  var ligne_a_creer= i;
  var j;
  for(j=0; j<ligne_a_creer; j++){
   Compteur++;
  //-- Insertion d'une ligne
  O_Row  = O_Table.insertRow( Pos);
  //-- Insertion des cellules
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="fact-b-l"></div>';
 
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div align="center"><input type="text"  name="designation[]" class="inp-design" value="designation n°' +Compteur +'"/></div><div class="separateur">&nbsp;</div>';
 
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="border" style="text-align:center;"><input type="text"  name="qte[]" class="inp-qte" onKeyUp="Calcul()"/></div><div class="separateur">&nbsp;</div>';
 
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="border" style="text-align:center;"><input type="text"  name="pu[]" class="inp-pu" onKeyUp="Calcul()"/></div><div class="separateur">&nbsp;</div>';
 
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="border" style="text-align:center;height:18px;"><input type="text" style  name="tva[]" class="totaux" class="inp-pu" onKeyUp="Calcul()"/> </div><div class="separateur">&nbsp;</div>';
 
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="border" style="text-align:center;height:18px;"><input type="text" style  name="montant[]" class="totaux" class="inp-pu" onKeyUp="Calcul()"/> &euro;</div><div class="separateur">&nbsp;</div>';
 
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="border" style="text-align:center;height:18px;"><input type="text" style  name="ttc[]" class="totaux" class="inp-pu" onKeyUp="Calcul()"/> &euro; </div><div class="separateur">&nbsp;</div>';
 
  if(NbrLigne==1){
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="border" style="text-align:center;height:18px;"> </div><div class="separateur">&nbsp;</div>';
  }
  else{
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="border" style="text-align:center;height:18px;"><input type="image" src="images/cross.png" onClick="Delete_Ligne(this)" /></div><div class="separateur">&nbsp;</div>';	  
  }
 
  O_Cell = O_Row.insertCell(-1);
  O_Cell.innerHTML = '<div class="fact-b-r"></div>';
 
  }
 
}
</script>
</body>
</html>

SpaceFrog · 11/03/2011, 11h36

innerHTML et elements dynamiques de form ne font pas bon ménage

http://www.developpez.net/forums/d53...=dynamique+pas

sfarouk · 11/03/2011, 12h16

Merci pour l'info, mais j'ai déjà fait un long chemin pour arriver où je suis. Je voudrais plutôt une piste qui pare dans l'idée que j'ai déjà commencé. car derrière ce formulaire il y a pas mal des scripts qui en dépendent, donc un changement me prendra beaucoup du temps surtout que je ne suis pas un bon en js.

Au niveau de la fcontion

Code :

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

Enregistrer()

, j'ai mit un

Code :

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

alert(designs)

pour verifier si les variable inserHtml son reçu et oui ils sont bien reçu.
Maintenant il me reste à les transmettre en php.

Code :

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

<input type="submit" value="Enregistrer" onclick="Enregistrer()" />

mais les vars ne sont pas reçu par le post.
merci

SpaceFrog · 11/03/2011, 12h19

la piste est que inserer des elements avec innerHML dans un formulaire peut aboutir a ce que tes éléments ne soient pas reconnus coté serveur ...

on va pas modifier js juste pour toi ...

il faut donc créer les elements avec le DOM ...

sfarouk · 11/03/2011, 12h58

je pense l'avoir fait à ce niveau si je ne me trompe pas:

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
function Enregistrer(){
 
     var i=0,
      qtes,
      pus,
	  designs,
	  Qte;
 
  //-- tant que l'objet existe
  qtes=document.getElementsByName('qte[]');
  for(i; i< qtes.length; i++)
  {
    Qte    = parseInt( qtes[i].value);
    pus   = parseFloat( document.getElementsByName('pu[]')[i].value);	
    designs=document.getElementsByName('designation[]')[i].value;
	alert(designs);
  }
 
}

Donc c'est la valeur recuperé ici que j'aimerais envoyé
Merci

SpaceFrog · 11/03/2011, 14h20

non je parle de la création de l'objet ...

sfarouk · 12/03/2011, 13h20

Bon je me suis debrouillé comme un grand avec mes fameux inerHTML et ça marche à la perfection.

Merci

SpaceFrog · 12/03/2011, 17h37

Sur tous les navigateurs .???..
Enfin si tes innerHTML satisfont ton besoin c'est l'essentiel.

andry.aime · 12/03/2011, 17h48

Citation:

Envoyé par SpaceFrog

Sur tous les navigateurs .???..
Enfin si tes innerHTML satisfont ton besoin c'est l'essentiel.

Jusqu'à ce qu'il tombe dans les zarbis de IE

.

11/03/2011, 11h36	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	innerHTML et elements dynamiques de form ne font pas bon ménage http://www.developpez.net/forums/d53...=dynamique+pas __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

11/03/2011, 12h19	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	la piste est que inserer des elements avec innerHML dans un formulaire peut aboutir a ce que tes éléments ne soient pas reconnus coté serveur ... on va pas modifier js juste pour toi ... il faut donc créer les elements avec le DOM ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

11/03/2011, 14h20	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	non je parle de la création de l'objet ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	01

12/03/2011, 17h37	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	Sur tous les navigateurs .???.. Enfin si tes innerHTML satisfont ton besoin c'est l'essentiel. __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

11/03/2011, 12h16	#3
sfarouk Invité de passage Farouk Soulé Ibrahim Inscription : mars 2011 Messages : 9 Détails du profil Informations personnelles : Nom : Farouk Soulé Ibrahim Informations forums : Inscription : mars 2011 Messages : 9 Points : 1 Points : 1	Merci pour l'info, mais j'ai déjà fait un long chemin pour arriver où je suis. Je voudrais plutôt une piste qui pare dans l'idée que j'ai déjà commencé. car derrière ce formulaire il y a pas mal des scripts qui en dépendent, donc un changement me prendra beaucoup du temps surtout que je ne suis pas un bon en js. Au niveau de la fcontion Code : Sélectionner tout - Visualiser dans une fenêtre à part Enregistrer() , j'ai mit un Code : Sélectionner tout - Visualiser dans une fenêtre à part alert(designs) pour verifier si les variable inserHtml son reçu et oui ils sont bien reçu. Maintenant il me reste à les transmettre en php. Code : Sélectionner tout - Visualiser dans une fenêtre à part <input type="submit" value="Enregistrer" onclick="Enregistrer()" /> mais les vars ne sont pas reçu par le post. merci
	00

12/03/2011, 13h20	#7
sfarouk Invité de passage Farouk Soulé Ibrahim Inscription : mars 2011 Messages : 9 Détails du profil Informations personnelles : Nom : Farouk Soulé Ibrahim Informations forums : Inscription : mars 2011 Messages : 9 Points : 1 Points : 1	Bon je me suis debrouillé comme un grand avec mes fameux inerHTML et ça marche à la perfection. Merci
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email