Es una forma de sacar el Javascript de las páginas HTML utilizando CSS para añadir eventos a los elementos. Muy útil para las aplicaciones que cada vez hacen más uso de técnicas Ajax, y que cada vez tienen unas páginas más difíciles de mantener.
En vez de tener cosas como:
<li>
<a onclick="this.parentNode.removeChild(this)" href="#">
Click me to delete me</a>
</li>
tendríamos
<ul id="example">
<li>
<a href="/someurl">Click me to delete me</a>
</li>
</ul>
y en un fichero Javascript separado
var myrules = {
'#example li' : function(el){
el.onclick = function(){
this.parentNode.removeChild(this);
}
}
};
Behaviour.register(myrules);
Con esto se conseguiría una mayor limpieza de las páginas HTML o JSP, para que contuvieran únicamente HTML.
Para aplicarlo, sólo hay que descargarse un fichero behaviour.js que implementa el funcionamiento, y empezar a definir lo que llama "rules" para los elementos a los que queramos añadir código Javascript.
Technorati Tags: Javascript, CSS, Ajax
No hay comentarios:
Publicar un comentario