Définir plusieurs "cibles" à un script

Version imprimable

Bonjour, mon titre n'est surement pas adapté mais je ne sais pas comment nommer les "cibles" en question ! :?

J'ai ce script
Code:

1 2 3 4 5 6 7 8 9 $(document).ready(function() { $('#content form').submit(function () {//je ne traite que les formulaire contenu dans la div status $.post("traitement_bdd.php",$(this).serialize(),function(texte){ $("div#status").append(texte); }); return false; // ne change pas de page }); });
Il me permet de recharger une div via ajax, ma question simple :

Est il possible de définir plusieurs "cibles" dans le script comme par exemple :

Code:

$('#content form, #content a').submit(function () {

Dans ce code j'ai ajouté les balises "a" de la div content également :?

Je pense que cette syntaxe n'existe pas mais j'espere avoir fais passer l'idée du message !

Merci par avance

06/08/2013, 14h34
SpaceFrog

tu veux faire un load ?
06/08/2013, 14h39
Lekno

Qu'entends tu par un "load" ?

Je souhaite utiliser ce script pour rendre dynamique l'affichage de résultat depuis des formulaires et des liens <a></a>, je me demandais donc si je pouvais inclure dans le script ci-dessus les balises <a> qui sont également dans ma div "content" :ccool:
06/08/2013, 14h45
Bovino

Citation:

Est il possible de définir plusieurs "cibles" dans le script comme par exemple

Dans l'absolu oui, mais il va être difficile de définir ce qu'est un événement submit pour une balise <a> :aie:
06/08/2013, 15h12
Lekno

Tu marques un point ;) :ccool:

J'entend par la un submit sur mes <form>, et un onclick sur mes <a>

Je ne connais pas le nom que l'on donne à ces "cibles", je ne peux donc pas chercher la syntaxe
14/08/2013, 12h37
sekaijin

merci de poster les question JQuery dans le forum jquery
A+JYT
14/08/2013, 13h42
nault

Un truc que tu pourrais faire,

est triger un post event and le onclick event de tes a

Ce ne serait pas ça que tu cherches à faire ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function rafraichirDiv(event) {
//je ne traite que les formulaire contenu dans la div status
   $.post("traitement_bdd.php",$("#content form").serialize(),function(texte){
      $("div#status").append(texte);
   });
   event.preventDefault();
}
 
$(document).ready(function() {     
  $('#content form').on("submit", rafraichirDiv);
  $("#content a").on("click", rafraichirDiv);
});

14/08/2013, 15h35
ymoreau

Citation:

Envoyé par Lekno

Je pense que cette syntaxe n'existe pas mais j'espere avoir fais passer l'idée du message !

Justement si. Une sélection JQuery (cad $("une expression désignant des éléments de mon DOM")) renvoie une liste d'objet sur lesquels sera appliquée la fonction click ou autre.
Le problème dans ton cas c'est que la fonction submit n'est pas valide pour un élement a donc tu ne peux pas appeler la même fonction JQuery pour tes différentes "cibles".
Le plus simple est la solution de SylvainPV donc.

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$( window ).load( function(){
 
	$( '#content form' ).on( "submit", function(){
		$.post( "traitement_bdd.php", $(this).serialize(), function( texte ){
			$( "div#status" ).append( texte );
		});
 
		return false; // ne change pas de page
	});
 
	/*
	 * Exemple, un click sur le tag "a" déclenche
	 * l'évènement "submit".
	 */
	$( '#content a' ).on( "click", function(){
		$( '#content form' ).trigger( "submit" );
 
		// return false; // en fonction du besoin
	});
 
});

17/08/2013, 16h42
Lekno

Merci pour vos réponse, j'ai utilisé la solution proposé et cela fonctionne à merveille. Résolu merci :ccool: