Ajouter dans la base de donnée plusieurs valeurs

ghir_ana · 11/06/2011, 01h41

Bonjour,

Cette page s'appelle test.php , elle sert a ajouter des produits et de les supprimer .

Question :

-Comment je vais faire pour ajouter dans la base de donnée les valeurs saisie ?

Merci

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
142
143
144
145
146
147
148
149
150
 
 
<html>
<head>
<script>
<!--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.value); 
    pus   = parseFloat( document.getElementsByName('pu[]')[i].value);     
    designs=document.getElementsByName('designation[]')[i].value; 
    alert(designs); 
 
	 //  data="&lib="+lib
 
 
  } 
 
 /* data="&designation="+designs
		http.open("POST", "test.php", true);
		http.onreadystatechange = recajcom;
		http.send(null);*/
} 
 
 
 /*function recajcom() {
	if (http.readyState == 4) {
 
		alert("requete recue!!"); 
 
	} */
//}  
 
 
 
<!-- 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>
 
</head> 
<body onLoad="Create_Ligne(1)"> 
        <form > 
            <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> 
             </table> 
 
        </form> 
   </body> 
</html>

andry.aime · 11/06/2011, 06h38

Bonjour,

Tu dois sérialiser les données de la forme

Code :

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

data="designation[]="+...+"&qte[]="+...+"&pus[]="+...+"&designation[]="+...+"&qte[]="+...+"&pus[]="+...+"&designation[]="+...+"&qte[]="+...+"&pus[]="+...

Pour l'envoyer, regarde ce tutoriel.

A+.

ghir_ana · 11/06/2011, 12h08

Comment faire pour faire ajouter ceci avec l'ajax ?

Je ne me suis pas arriver .

Si quelqu'un à une solution merci de la partager

NoSmoking · 11/06/2011, 14h53

Bonjour,
effectivement il te faut sérialiser les données pour les envoyer via la techno AJAX.
Mais comme tu utilises une FORM commence par le plus abordable, à savoir mettre une action et une méthode sur celle ci, de la sorte les données seront automatiquement sérialisées lors de l'envoi vers le serveur.
exemple :

Code html :

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

1
2
3
4
5
<form action="enregister.php" methode="POST">
<!--
  le reste du formulaire
-->
</form>

11/06/2011, 06h38	#2
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 128 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 128 Points : 7 269 Points : 7 269	Bonjour, Tu dois sérialiser les données de la forme Code : Sélectionner tout - Visualiser dans une fenêtre à part data="designation[]="+...+"&qte[]="+...+"&pus[]="+...+"&designation[]="+...+"&qte[]="+...+"&pus[]="+...+"&designation[]="+...+"&qte[]="+...+"&pus[]="+... Pour l'envoyer, regarde ce tutoriel. A+.
	00

11/06/2011, 12h08	#3
ghir_ana Inscription : septembre 2008 Messages : 114 Détails du profil Informations forums : Inscription : septembre 2008 Messages : 114 Points : -49 Points : -49	Comment faire pour faire ajouter ceci avec l'ajax ? Je ne me suis pas arriver . Si quelqu'un à une solution merci de la partager
	00

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