Discussion :

[brunoperel]

Bonjour,

Je me suis basé sur un tuto Ajax pour me mettre à Prototype. Or, il y a une même fonction que j'aimerais appeler dans plusieurs cas :
- Soit on a cliqué sur un <li> contenu dans <ul id="menu">
- Soit on a cliqué sur un <a id="lien_ajax">.

Dans le code, voici comment je l'ai présenté :

Code :

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

1
2
3
4
5
6
7
8
9
Event.observe(window, 'load', function() {
	$$('a.lien_ajax').invoke('observe', 'click', ajax.bindAsEventListener());
	$$('#menu li').invoke('observe', 'click', ajax.bindAsEventListener());
});
 
 
function ajax(e) {
...
}

Ce qui se passe, c'est que seul le clic sur un <li> fonctionne, et pas le clic sur un lien. Plus étrange : Même si je demande à appeler la fonction ajax() pour n'importe quel lien, ça ne marche pas :
Code :

Code :

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

$$('a').invoke('observe', 'click', ajax.bindAsEventListener());

Avez-vous des idées ? Comme je ne sais pas trop comment gérer plusieurs événements appelant la même fonction, j'ai peut-être fait une boulette à ce niveau ?

Merci pour votre aide.

[Bovino]

Code :

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

<a id="lien_ajax">

Puis

Code :

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

$$('a.lien_ajax')

si lien_ajax est un id, il DOIT être unique dans la page et pas besoin d'utiliser invoke...
sinon, $$('a.lien_ajax') recherche des liens avec la classe lien_ajax, s'il n'y en a pas, il ne se passe rien.