IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

ajout de formulaire avec incrementation des id


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut ajout de formulaire avec incrementation des id
    Bonjour,

    j'ai un formulaire avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <form id="formulaire1" ...
    <input id = "bouton1" type="submit" class = "buttonmulti"...
    la fonction jquery qui valide :

    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
    $("input:submit.buttonmulti").click(function(){
    		idinput = $(this).attr("id");
    		parentformname = $("#"+idinput).parents("form").attr("id");
    		//alert(parentformname);
    		$("#"+parentformname).submit(function(){
    			var str = $(this).serialize();
    			$.ajax({
    				//ajaxOptions: { cache: false },
    				type: "POST",
    				url: "traitement_formultiligne.php",
    				data: str,
    				success: function(msg){
    					alert(msg);
    					if(msg != 'erreur'){
    					alert("Formulaire enregistré");
    					}else{
    					alert("Formulaire en erreur");
    					}
    				}
    			});
    			return false;
    		});
    	});
    ça marche nickel.

    Maintenant je voudrais ajouter le meme formulaire avec des ids incrementés pour le "form" et pour le bouton submit

    j'ai donc un lien
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    	echo '<div id="newformajout"></div>';
    	echo '<div id="addForm" style="clear:both"><a href="#">Ajouter</a></div>';
    geré par la fonction suivante :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    	$('#addForm').click(function() {
    		$.ajax({
    			//ajaxOptions: { cache: false },
    			type: "POST",
    			url: "traitement_ajout_form.php",
    			data: "compteur=<?php echo $cpt?>",
    			success: function(msg){
    				alert(msg);
    				$('#newformajout').replaceWith(msg);
    				//nouveau = $('#addForm').val();
    				//alert(nouveau);
    			}
    		});
    	});
    sachant que est = au nombre de formulaire deja affiché

    au premier clic sur le lien "ajouter" le nouveau form s'affiche
    mais si je clic une seconde fois : rien ne se passe !

    Merci de votre aide

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut
    Bon j'arrive à afficher autant de formulaire que de clic sur le lien ajouter
    avec les ids incrementés

    par contre la fonction jquery d'enregistrement ne se fait pas
    je resume :
    fonction qui affiche un nouveau formulaire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $('#addForm').click(function() {
    		$.ajax({
    			//ajaxOptions: { cache: false },
    			type: "POST",
    			url: "traitement_ajout_form.php",
    			data: "compteur=<?php echo $_SESSION['cptforminsert']?>",
    			success: function(msg){
    				alert(msg);
    				$('#newformajout').replaceWith(msg);
    			}
    		});
    	});
    fonction qui enregistre :
    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
    	$("input:submit.buttonmulti").click(function(){
    		idinput = $(this).attr("id");
    		parentformname = $("#"+idinput).parents("form").attr("id");
    		//alert(parentformname);
    		$("#"+parentformname).submit(function(){
    			var str = $(this).serialize();
    			$.ajax({
    				//ajaxOptions: { cache: false },
    				type: "POST",
    				url: "traitement_formultiligne.php",
    				data: str,
    				success: function(msg){
    					alert(msg);
    					if(msg != 'erreur'){
    					alert("Formulaire enregistré");
    					}else{
    					alert("Formulaire en erreur");
    					}
    				}
    			});
    			return false;
    		});
    	});
    on dirait que cette fonction n'est pas appelée !
    pourtant le bouton submit a bien la class "buttonmulti"

    merci de votre aide

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut
    resolu

    il fallait mettre la fonction qui enregistre dans le success da la fonction ajax
    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
     
    	$('#addForm').click(function() {
    		$.ajax({
    			//ajaxOptions: { cache: false },
    			type: "POST",
    			url: "traitement_ajout_form.php",
    			data: "compteur=<?php echo $_SESSION['cptforminsert']?>&id=<?php echo $trans_id?>&table=<?php echo $trans_table?>",
    			success: function(msg){
    				alert(msg);
    				$('#newformajout').replaceWith(msg);
    				$("input:submit.buttonmulti").click(function(){
    					idinput = $(this).attr("id");
    					parentformname = $("#"+idinput).parents("form").attr("id");
    					alert(parentformname);
    					$("#"+parentformname).submit(function(){
    						var str = $(this).serialize();
    						$.ajax({
    							//ajaxOptions: { cache: false },
    							type: "POST",
    							url: "traitement_formultiligne.php",
    							data: str,
    							success: function(msg){
    								alert(msg);
    								if(msg != 'erreur'){
    								alert("Formulaire enregistré");
    								}else{
    								alert("Formulaire en erreur");
    								}
    							}
    						});
    						return false;
    					});
    				});
    			}
    		});
    	});
    mais est ce la bonne methode ?

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir.

    Avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("input:submit.buttonmulti").live("click", function(){
    vous deviez pouvoir en faire une fonction externe à la fonction AJAX, comme dans votre premier post.

    Merci, c'est une surtension. Il faut que je me branche sur un courant moins puissant .

    EDIT : fausse manœuvre, j'ai effacé le contenu de mon post par erreur ! Je pensais écrire un nouveau post et non édité celui-ci ! Je suis vraiment malade !

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut
    donc :

    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
     
    $('#addForm').click(function() {
    		$.ajax({
    			//ajaxOptions: { cache: false },
    			type: "POST",
    			url: "traitement_ajout_form.php",
    			data: "compteur=<?php echo $_SESSION['cptforminsert']?>&champs_id=<?php echo $trans_champs_id?>&id=<?php echo $trans_id?>&table=<?php echo $trans_table?>",
    			success: function(msg){
    				//alert(msg);
    				$('#newformajout').replaceWith(msg);
    				$("input:submit.buttonmulti").click(function(){
    					idinput = $(this).attr("id");
    					parentformname = $("#"+idinput).parents("form").attr("id");
    					//alert(parentformname);
    					$("#"+parentformname).submit(function(){
    						var str = $(this).serialize();
    						$.ajax({
    							//ajaxOptions: { cache: false },
    							type: "POST",
    							url: "traitement_formultiligne.php",
    							data: str,
    							success: function(msg){
    								//alert(msg);
    								if(msg != 'erreur'){
    								alert("Formulaire enregistré");
    								}else{
    								alert("Formulaire en erreur");
    								}
    							}
    						});
    						return false;
    					});
    				});
    			}
    		});
    	});
    est equivalent à
    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
     
    $('#addForm').click(function() {
    		$.ajax({
    			//ajaxOptions: { cache: false },
    			type: "POST",
    			url: "traitement_ajout_form.php",
    			data: "compteur=<?php echo $_SESSION['cptforminsert']?>&champs_id=<?php echo $trans_champs_id?>&id=<?php echo $trans_id?>&table=<?php echo $trans_table?>",
    			success: function(msg){
                                           $('#newformajout').replaceWith(msg);
    				$("input:submit.buttonmulti").live(function(){
    					idinput = $(this).attr("id");
    					parentformname = $("#"+idinput).parents("form").attr("id");
     
    				});
    			}
    		});
    	});
     
    $("#"+parentformname).submit(function(){
    						var str = $(this).serialize();
    						$.ajax({
    							//ajaxOptions: { cache: false },
    							type: "POST",
    							url: "traitement_formultiligne.php",
    							data: str,
    							success: function(msg){
    								//alert(msg);
    								if(msg != 'erreur'){
    								alert("Formulaire enregistré");
    								}else{
    								alert("Formulaire en erreur");
    								}
    							}
    						});
    						return false;
    					});
    bon retablissement

  6. #6
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir.

    Avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("input:submit.buttonmulti").live("click", function(){
    vous deviez pouvoir en faire une fonction externe à la fonction AJAX, comme dans votre premier post.

    Merci, c'est une surtension. Il faut que je me branche sur un courant moins puissant .

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WD-2007] un formulaire avec choix des insertions(image, paragraphe etc)
    Par scsi3 dans le forum VBA Word
    Réponses: 18
    Dernier message: 09/05/2012, 13h16
  2. formulaire avec envoi des infos par mail
    Par mister_bob33 dans le forum Langage
    Réponses: 11
    Dernier message: 15/10/2009, 14h40
  3. Réponses: 2
    Dernier message: 07/02/2008, 10h31
  4. [MySQL] Formulaire avec vérification des champs
    Par iwanow dans le forum PHP & Base de données
    Réponses: 6
    Dernier message: 26/01/2007, 18h38
  5. Test sur formulaire avec liste des erreurs
    Par Nicos77 dans le forum Langage
    Réponses: 37
    Dernier message: 17/11/2005, 10h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo