Discussion :

[tiy56]

Bonjour,

Je suis débutant en jQuery et j'ai besoin d'aide pour mon application.
Dans mon application j'ai un tableau XHTML dont les lignes sont créés dynamiquement avec un script PHP.
Au bout de chaque ligne il y a un bouton créé lui aussi dynamiquement (en même temps que la ligne).

Je veux que quand on click sur le bouton celas d'éclenche une requête ajax.
Mon problème est le suivant: mes boutons étant créés dynamiquement je ne peux pas écrire dans mon fichier ajax.js

Code :

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

1
2
 
$('#id_bouton').click(function()...

pour chaque bouton.

Je sais qu'en jQuery on peux sélectionner l'ensemble des éléments d'une classe. Donc si mes boutons appartiennent à la class "classbouton" je peux donc faire:

Code :

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

1
2
 
$(input.classbouton).click(function()....

Celas marche si l'on clique sur n'importe lequel des boutons de la class "classbouton" Mais voila ,comment savoir sur quel bouton l'utilisateur a cliqué

Globalement je veux récupérer ,parmi une liste d'élément, l'identifiant de celui sur lequel porte l'évènement click.

Désolé si je manque de précision.
Merci d'avance pour les réponses.

[marcha]

Salut,

et bienvenue sur le forum.

Code :

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

1
2
3
4
5
6
 
  $(input.classbouton).click(function() { 
    // utilise ici $(this) pour avoir une instance JQuery qui représente le bouton.
    // par exemple:
    alert( $(this).attr('id') ); // affiche l'attribut ID du bouton cliqué
  });

[kohsaka]

j'aurais plutôt procédé de la manière suivante :

Code :

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

1
2
3
$("blabla").click(function(e) {
   $(e.target).ceQuetuVeux();
});

[Sourrisseau]

Quand j'ai débuté avec jquery je trouvais ca tellement bien que la moindre action nécessiter l'utilisation de cette bibliothèque.

Avec le temps j'ai aussi admis que jquery est la pour me simplifier la vie.

Dans ton cas l'utilisation de jquery ne s'impose pas. Le plus leger c'est de mettre un événement onclick="ma_fonction(x)" dans ta bouton. La tres simplement dans ton javascript tu auras :

Code :

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

1
2
3
4
5
6
 
function ma_function(x){
  // la tu met ton appel ajax avec jquery
  $.ajax .......
 
}