04 abril 2006

Behaviour, sacar el JavaScript de las páginas HTML

Le he estado echando un vistazo rápido a Behaviour y aunque aún no lo he probado, parece interesante.
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: , ,

No hay comentarios: