Discussion :

[Papy214]

Bonjour,

Code :

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

1
2
3
4
5
6
7
 
		$('news').observe('click', function(event) {
			var clickedRow = event.findElement('tr');
			if (clickedRow) {
				alert(clickedRow.readAttribute("news_id"));
			}
		});

Avec prototype, findElement me renvoie la ligne sur laquelle j'ai cliqué dans ma table.

Est-ce qu'il existe une fonction identique dans jquery ?

Papy !

[danielhagnoul]

Bonsoir

Suggère event.target : http://api.jquery.com/event.target/

Voir aussi : http://api.jquery.com/category/events/event-object/

[Papy214]

Merci , ça fonctionne !

J'ai cependant une autre question.

La table sur laquelle je crée l'event est créée dynamiquement et remplacée sur le formulaire selon le résultat d'une requête ajax. En fait, j'ai une listbox qui permet de mettre à jour le contenu d'un div en y mettant la table créée et renvoyée par ajax. Donc, dans le success, j'ai le code suivant:

Code :

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

1
2
3
4
 
    $("#factures_encaissables tr").click(function(event) {
        alert( $(event.target.parentNode).attr("line_id") );
    });

Mais, à chaque changement, je recrée un event.

Faut-il supprimer le précédent avant d'en créer un autre ?
Si oui, comment savoir qu'il en existe un et comment le supprimer ?

[danielhagnoul]

Bonsoir.

Il semblerait que ce code ne dépend pas des informations retournées par la transaction AJAX, alors :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
/*
 * Placer ce code à l'extérieur de la transaction AJAX
 * et au début de votre code jQuery
 *
 * Il est valable pour tous les tr existants et futurs
 * dans #factures_encaissables
 *
 * Voir :http://api.jquery.com/delegate/
 */
$("#factures_encaissables").delegate("tr", "click", function(event){
	alert( $(event.target.parentNode).attr("line_id") );
});

[Papy214]

merci ...

Si j'ai bien compris, ma table doit quand même exister dans mon document et je ne dois créer QUE mes tr par ajax ?

Actuellement, mon ajax me renvoie la table en entier, pas seulement les tr. Je vais modifier mon code pour n'avoir que les tr.

[danielhagnoul]

Bonsoir

Actuellement, mon ajax me renvoie la table en entier, pas seulement les tr. Je vais modifier mon code pour n'avoir que les tr.

delegate() est la version améliorée de live(), la table peut être générée entièrement par une transaction AJAX.