[JS/PHP] Formulaire dynamique : ajout de ligne et requete SQL
Bonjour,
j'ai un formulaire JAVASCRIPT pour ajouter des lignes à un tableau
Chaque ligne comprend des input type=text ansiqi qu'un span a la fin pour le total de la ligne.
j'aimerais pouvoir ajouter une ligne de ce formulaire non pas par le bouton Ajouter une ligne mais par une requete SQL et que les valeurs de ems input (.value) prenne le resultat de ma requete.
Voila ma requete :
Code:
1 2 3 4 5 6
|
$selectp = "SELECT reference,Designation,Quantite,PrixUniteHorsTaxe,Remise FROM produit WHERE IdCommande='$idurl'";
$resultp = mysql_query($selectp,$connect) or die ('Erreur : '.mysql_error() );
while($rowp = mysql_fetch_array($resultp)) {
AddRow2();
} |
et voila AddROW2 : fonction qui me permet d'ajouter une ligne (à chaque fois qu'il en trouve une dans la base grâce au "while" de la requête) sauf que j'aimerais que input.value soit affecter du résultat de ma requête
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
|
<script type="text/javascript">
var compteur=0;
function AddRow2(){
compteur++; //ajout d'un ligne on incremente le compteur
//liste de tout les input que l'on trouve dans le tableau ligne d e produit
var input0=document.createElement('input');
input0.type = 'button';
input0.name ="supprimer";
input0.value="Supprimer";
input0.onclick=function()
{
suppression(this.parentNode.parentNode.id);
}
var input1=document.createElement('input');
input1.type = 'text';
input1.name ="ref_"+compteur;
var input2=document.createElement('input');
input1.style.width="56px";
input1.value= // $rowp['Reference']; //comment faire pour que la valeur prenne le resultat de ma requete
input2.type = 'text';
input2.name ="designation_"+compteur;
input2.style.width="170px";
var input3=document.createElement('input');
input3.type = 'text';
input3.name ="qte_"+compteur;
input3.id="qté_"+compteur;
input3.ref = compteur;
input3.style.width="60px";
input3.onkeyup = function(){
check(this.ref);
total();
}
input3.onchange=function(){
total();
}
var input4=document.createElement('input');
input4.type = 'text';
input4.name ="pu_"+compteur;
input4.id="prix_"+compteur;
input4.ref = compteur;
input4.style.width="80px";
input4.onkeyup = function(){
check(this.ref);
total();
}
input4.onchange=function(){
total();
}
var input5=document.createElement('input');
input5.type = 'text';
input5.name ="remise_"+compteur;
input5.id="remis_"+compteur;
input5.ref = compteur;
input5.style.width="70px";
input5.onkeyup = function(){
check(this.ref);
total();
}
input5.onchange=function(){
total();
}
//on crée un nouvelle ligne puis les nouvelles cellules a l'interieur
var newRow = document.getElementById('table').insertRow(-1);
newRow.id="ligne"+compteur;
var newCell = newRow.insertCell(0);
newCell.appendChild(input0);
newCell = newRow.insertCell(0);
newCell.appendChild(input1);
newCell = newRow.insertCell(1);
newCell.appendChild(input2);
newCell = newRow.insertCell(2);
newCell.appendChild(input3);
newCell = newRow.insertCell(3);
newCell.appendChild(input4);
newCell = newRow.insertCell(4);
newCell.appendChild(input5);
newCell = newRow.insertCell(5);
newCell.innerHTML = ' <span id="result_'+compteur+'"></span>';
} |
Merci !;)