Discussion :

[Lekno]

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

J'ai ce script

Code js :

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

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 js :

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

$('#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

[SpaceFrog]

tu veux faire un load ?

[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"

[Bovino]

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>

[Lekno]

Tu marques un point

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

[sekaijin]

merci de poster les question JQuery dans le forum jquery
A+JYT

[ymoreau]

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.

[danielhagnoul]

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
$( 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
	});
 
});

[Lekno]

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