Discussion :

[spawns]

Salut à tous,
je savais pas trop si il fallait poster dans JS ou dans php/Mysql, au cas ou merci de basculer dans le bon forum.
voila mon souci, je suis une quiche en JS, j'ai donc récupéré un petit script qui permet d'ajouter des champs de formulaire et qui
fonctionne comme je veux.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
   <form id="myForm" method="post" action="test_envoi.html">
      <fieldset>
         <label for="produit1">Produit</label> : <input id="produit1" name="produit1" type="text" value="" />
         <label for="quantite1">Quantité</label> : <input id="quantite1" name="quantite1" type="text" value=""/>
         <label for="autre1">Autre</label> : <input id="autre1" name="autre1" type="text" value=""/>
         <label for="bob1">Bob</label> : <input id="bob1" name="bob1" type="text" value=""/>		 
      </fieldset>
      <input type="submit" value="Envoyer" />
   </form>
 
   <div id="debug"></div>

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
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
   <script type="text/javascript">
      $(function(){
 
         var nb = 1;
         $('.add').click(function(){
            var ligneTemp = $(myForm).children("fieldset:last");
            ligneTemp.after(ligneTemp.clone(true));
            $(myForm).children("fieldset:last").hide().fadeIn();
            var ligneTemp = $(myForm).children("fieldset:last");
            ligneTemp.find('label').each(function() {
               tempLabel = $(this).attr("for").replace(nb, nb+1);
               $(this).attr("for",tempLabel);
            });
            ligneTemp.find('input').each(function() {
               this.id= this.id.replace(nb, nb+1);
               this.name= this.name.replace(nb, nb+1);
               this.value= "";
            });
            nb++;
         });
         $('.del').click(function(){
            if (nb>1) { // Pour qu'il reste au moins une ligne
               $(myForm).children("fieldset:last").fadeOut(300, function(){$(this).remove();});
               nb--;
 
            }
         });
 
         $("#myForm").submit(function(){
            var datas_form = $("#myForm").serializeArray();
            $("#debug").empty();
            $.each(datas_form, function(i, field){
               $("#debug").append(field.name + ":" + field.value + "<br />");
            });
            return false;
         });
      });

par contre comment faire pour insérer les différent champs en bdd, tous en sachant que le nombre de champs varie.
à quel niveau dois je mettre ma requête php INSERT INTO ... et comment ?

Merci d'avance de votre aide

Cdt

[Bovino]

Il n'y a pas un concept qui te perturbe dans l'idée de vouloir faire des manipulations sur une base de données en JavaScript (donc depuis un navigateur) ?
En gros, ce que tu voudrais, ce serait mettre en clair dans le code source de ta page les identifiants de connexion à ta base pour pouvoir t'y connecter ?

[SylvainPV]

Ça semble davantage être une mauvaise conception du modèle de la base de données lui-même si tu ne vois pas comment gérer de multiples champs. Je déplace en forum MySQL

[spawns]

Il n'y a pas un concept qui te perturbe dans l'idée de vouloir faire des manipulations sur une base de données en JavaScript (donc depuis un navigateur) ?
En gros, ce que tu voudrais, ce serait mettre en clair dans le code source de ta page les identifiants de connexion à ta base pour pouvoir t'y connecter ?

je ne comprends pas trop ta réponse ?
il s'agit d'un formulaire pour un back-office donc a accès limité de plus pour la connexion bdd elle est appelé avant comme sur n'importe quelle page.
ce que je voulais savoir c'est comment récupérer les valeur du JS de ce formulaire pour les insérer en BDD

[Bovino]

Quand tu soumets ton formulaire, tous les champs qu'il contient sont envoyés au serveur, peu importe la façon dont ils y ont atterri.

Quant au fait que ce soit "un formulaire pour un back-office donc a accès limité", ton navigateur n'en a à aucun moment conscience, donc pour lui, c'est une page HTML comme une autre, il ne sait pas faire de différence.
Ma remarque portait juste sur le fait que JavaScript n'a jamais la possibilité de communiquer avec une base de données. Il peut juste appeler le serveur en lui transmettant des paramètres pour que le langage serveur (PHP ou autre) interroge la base de données.

[spawns]

ok je comprends ,
mais comment je fais pour transmettre ou récupérer les valeurs du formulaire Js
pour pouvoir les basculer en php pour ensuite les insérer en BDD

[Bovino]

Ben, tu prends la souris, tu la bouges jusqu'à ce que le curseur soit au-dessus du bouton sur lequel est écrit "Envoyer" puis avec ton index, tu appuies sur le bouton qui se trouve en-dessous. Ca devrait être bon.

Ceci dit, un formulaire js, ça n'existe pas. Tu peux avoir des scripts JavaScript qui ajoutent des champs dans un formulaire HTML, mais c'est tout.

[spawns]

bon ok,
je vais chercher une autre solution

Merci

[Bovino]

Je pense surtout que tu devrais mieux expliquer la problématique que tu rencontres.

Tu nous expliques que tu ajoutes dynamiquement des champs dans un formulaire avec JavaScript et que tu aimerais enregistrer ces champs dans la base de données.
C'est très bien, mais pour récupérer ces champs côté serveur (PHP je suppose), il suffit de soumettre le formulaire puis de traiter les données reçues. Le fait que les champs aient été intégrés au formulaire par HTML, JavaScript voire par magie ne change rien : au moment où tu cliques sur submit, tous les champs présents dans le formulaire à ce moment là sont transmis.

Bref, où est ton problème ?

[spawns]

tu as raison je cherchais un problème ou il n'y en avais pas finalement.
puisque effectivement je récupère mes champs une fois que le formulaire est envoyé avec $_POST bien sur.

merci de ton aide

Cdt