PRATIQUE CLIENTS WEB 
Une bibliothèque pour un Ajax non obstrusif
 
Behaviour a été créé en réponse à la recrudescence de mauvais JavaScript utilisé dans le cadre d'applications Web réactives. (15/07/2005)
L'arrivée de la technique Ajax est un soulagement pour nombre de développeurs Web, enfin capables désormais de créer des applications Web aussi vives que sous Windows et autres systèmes d'exploitation. Ben Nolan, lui, n'a pas manqué d'y voir une déperdition de la qualité du code HTML.

Le reproche fait par ce développeur néo-zéelandais aux adeptes d'Ajax est qu'ils répandraient dans le code HTML de leurs applications des appels JavaScript qui, avant Ajax, étaient plutôt déconseillés car "pollueurs" de code :
  
<li>
  <a onclick="this.parentNode.removeChild(this)" href="#">
    Click me to delete me
  </a>
</li>

  Forum

Réagissez dans les forums de JDN Développeurs

La solution proposée par Nolan est une bibliothèque JavaScript qui externalise les évènements JavaScript et les applique via la fonction getElementBySelector() : Behaviour. Il est grâce à elle possible d'implémenter le code non pérenne ci-dessus de la manière suivante :

<ul id="example">
  <li>
    <a href="/developpeur/someurl">Click me to delete me</a>
  </li>
</ul>

...et de placer le code JavaScript en tête de document :

var myrules = {
  '#example li' : function(el){
    el.onclick = function(){
      this.parentNode.removeChild(this);
      }
    }
  };
Behaviour.register(myrules);

Le code sera appliqué par le biais des sélecteurs CSS.
 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page