Bonjour l'équipe!
Je suis entrain de faire un formulaire de facturation, avec la possibilité d'ajouter des champs dynamiquement ou supprimer, pour ça tout va bien.
Mon probleme c'est de recuperer les valeurs des ses chmaps dynamique vers php
.
Je vous remerci d'avace.
Ci-joint mon code:
voila mon code js qui recupere les valeurs des champs créer. et c'est les valeurs qui sont ici que j'ai envie d'envoyer en php
ici c'est juste pour vous montrer comment j'ai créer les champs dynamique du formulaire et comment il fonctionne
[/i][/i][/i]
Modifié par Comodo (11 Mar 2011 - 18:31)
Je suis entrain de faire un formulaire de facturation, avec la possibilité d'ajouter des champs dynamiquement ou supprimer, pour ça tout va bien.
Mon probleme c'est de recuperer les valeurs des ses chmaps dynamique vers php
.Je vous remerci d'avace.
Ci-joint mon code:
<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é</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>
</table>
</form>
</body>
</html>voila mon code js qui recupere les valeurs des champs créer. et c'est les valeurs qui sont ici que j'ai envie d'envoyer en php
<!--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 -->ici c'est juste pour vous montrer comment j'ai créer les champs dynamique du formulaire et comment il fonctionne
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"> </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"> </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"> </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"> </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()"/> €</div><div class="separateur"> </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()"/> € </div><div class="separateur"> </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"> </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"> </div>';
}
O_Cell = O_Row.insertCell(-1);
O_Cell.innerHTML = '<div class="fact-b-r"></div>';
}
}[/i][/i][/i]
Modifié par Comodo (11 Mar 2011 - 18:31)