Lier des fonctions personnalisées aux événements DOM dans le prototype ?

Question

Jquery a une excellente construction de langage qui ressemble à ceci :

$(document).ready(function() {
    $("a").click(function() {
        alert("Hello world!");
    });
});

Comme vous pouvez le deviner, une fois le document chargé, lie une fonction personnalisée à l'événement onClick de tous. un Mots clés.

La question est : comment puis-je obtenir ce même type de comportement dans Prototype ?

Answer 1

Le prototype 1.6 fournit le "dom:chargé" événement sur le document :

document.observe("dom:loaded", function() {
    $$('a').each(function(elem) {
        elem.observe("click", function() { alert("Hello World"); });
    });
});

J'utilise également le chaque itérateur sur le tableau renvoyé par $$().

Answer 2

$(document).observe('dom:loaded', function() {
    $$('a').invoke('observe', 'click', function() {
        alert('Hello world!');
    });
});

Answer 3

Event.observe(window, 'load', function() { 
     Event.observe(element, 'click', function() { 
         alert("Hello World!");
     });
});

Bien sûr, vous devez d'abord "sélectionner" les éléments dans Prototype.

Answer 4

Cet article donne un assez bon aperçu de la bibliothèque d'événements de Prototype.Je pense que, comparé à jQuery, il s'agit d'une API de l'âge de pierre.:)

http://alternateidea.com/blog/articles/2006/2/8/working-with-events-in-prototype