Bonjour,

J'ai une série de boutons dans une application. Ceux-ci servent à lancer
des requêtes Ajax quand on clique dessus en y passant des paramètres.

Traditionnellement je coderai ça ainsi:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<img class='bouton' onclick='fonction_commune('paramètres_url_encodé');' />
 
function fonction_commune(params) {
  new Ajax.Updater(un_element, 'page.php?' + params);
}
Mais j'aime pas trop l'idée de mélanger le javascript dans le html. Alors
j'ai envisagé ceci:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
$$('.boutons').each( function(e) {
  Event.observe(e, 'click', fonction_commune);
}
function fonction_commune(event) {
  var bouton = Event.element(event);
  var params = bouton.getAttribute(...);
  new Ajax.Updater(un_element, 'page.php?' + params);
}
Avec cette approche (que je souhaite moins obstrusive) je ne sais pas où je dois coder les arguments que j'ai besoin pour mes boutons. J'ai pensé à les
générer dans un attribut quelconque, mais ça me semble pas propre non-plus.

des suggestions ?