Discussion :

[jexl]

Bonjour à tous,

j'ai un petit jQuery qui marche très bien qui permet de poster un formulaire :

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
 
 
$(\'[id^="message_"]\').click(function() {
 
				var id_message = $(this).attr(\'id\').replace(/[^0-9]/g,\'\');
 
				$(\'#messagerie_\' + id_message).on(\'submit\', function(e) {
 
					var message = $(\'#contenu_\' + id_message).val();
 
					if(message == "") {
						alert("Le message ne peut etre envoyé vide.");
					} else {
						$.ajax({
							url: "post_message.php",
							type: "POST",
							data: $(this).serialize(),
							dataType: "json",
							success: function(data) {
 
								if(data.success == true) {
									$("#repondre_" + id_message).hide();
									$("#message_confirmation_" + id_message).show();
																	}
 
															}
						});
					}
					return false;
				});
 
 
			});

Ne faites pas attention aux simples quotes echapées, c'est parce que le code est généré en PHP

du coup, dans ce script, je récupère de un ID de div dynamiquement, et je fais le traitement...

Mon problème c'est que si je clique à nouveau sur mon bouton pour renvoyer un message, il part 2 fois, et les ainsi de suite, si je clique encore, il part 3 fois etc.

Quelqu'un à une idée ?
D'avance merci.

[jexl]

je viens de trouver la solution avec ca unbind() :

Code :

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

$("#messagerie_" + id_message).unbind();

Si ca peut aider :o)

[NoSmoking]

Bonjour,
c'est l'agencement qui me paraît approximatif, j'aurais séparé en 2 étapes, par exemple

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
 $('[id^="message_"]') on('click', function() {
     var id_message = $(this).attr('id').replace(/[^0-9]/g, '');
     $('#messagerie_' + id_message).trigger('submit');
 });
 
 $('[id^=messagerie_').on('submit', function(e) {
     e.preventDefault();
 
     var id_message = $(this).attr('id').replace('messagerie_', '');     
     var message = $('#contenu_' + id_message).val();
 
     if (message == "") {
         alert("Le message ne peut etre envoyé vide.");
     } else {
         $.ajax({
             url: "post_message.php",
             type: "POST",
             data: $(this).serialize(),
             dataType: "json",
             success: function(data) {
                 if (data.success == true) {
                     $("#repondre_" + id_message).hide();
                     $("#message_confirmation_" + id_message).show();
                 }
             }
         });
     }
 });

ou un truc approchant.

[jexl]

je sais que le code, comme ca, n'est pas très propre, mais ce que je voulais c'est que le submit se fasse obligatoirement après le click de message_
c'est pour cela que je l'ai imbriqué.