HTML mittels CSS zu stylen und den Inhalt der Seite vom Layout zu trennen hat sich ja mittlerweile eingebürgert. Javascript vom Inhalt zu trennen ist aber noch recht neu. Ben Nolan hat mit Behaviour eine fantastische Möglichkeit gefunden, die Seiten vom Javascript-Code zu befreien, mehr Übersicht zu erhalten und trotzdem genauso flexibel zu sein.
Behaviour ersetzt die on-Events (onclick, onfocus …) im HTML-Code über eine globale Javascript-Klasse.
Ein Beispiel nach dem klassichen Verfahren:
<ul>
<li><a onclick="this.parentNode.removeChild(this)" href="#">Click me to delete me</a></li>
</ul>
Dies würde das angeklickte Listenelement verschwinden lassen.
Mittels Behaviour setzt sich das ganze aus dem puren HTML:
<ul id="example">
<li><a href="/someurl">Click me to delete me</a></li>
</ul>
und ein wenig Javascript zusammen:
var myrules = {
'#example li' : function(el){
el.onclick = function(){
this.parentNode.removeChild(this);
}
}
};
Behaviour.register(myrules);
Eine wunderbare Sache, das ganze macht den HTML-Code schlanker und wartbarer.