Développement web, introduction

Objets JavaScript
d’animation DHTML

Voici une série d’objets JavaScript permettant d’animer des éléments HTML. Ils ont été conçus et testés pour fonctionner sur Safari, Firefox, Internet Explorer 5.5, 6 et 7, et sur Opera. Ils dev­raient fonc­tion­ner sur Internet Explorer 5, mais je ne les ai pas testés sur ce navigateur, et sans aucun doute sur Internet Explorer 8. Ils sont sous license CC-GNU GPL.

N’hésitez pas à me faire signe pour tout commentaire, suggestion, remarque, problème, amélioration apportée… !

Ces objets manipulent des images ou autres éléments HTML :

On peut utiliser dans une même page plusieurs de ces objets. Comme il s’agit d’ani­ma­tions, les vitesses de déplacement varient avec les navigateurs. Un déplacement saccadé signifira souvent que la vitesse de l’animation est trop grande, on pourra alors augmenter les intervalles entre chaque affichage.

Dans les descriptions, j'ai utilisé pour sa simplicité une manière peu recommandable d’appeler les méthodes qui est l’appel en ligne, c’est à dire, dans l’exemple d’un lien déclen­chant la méthode etendre() d’un objet a_deployer :

<a href="#" onclick="a_deployer.etendre();"> […] </a>
		

Cette manière de faire ne sépare pas le contenu du comportement et il vaut mieux, dans le code HTML, identifier l’élément dé­clen­cheur d’une méthode par un attribut id :

<a href="#" id="declencheur"> […] </a>
		

… et, dans un fichier lié, associer la méthode à un événement sur l’élément :

document.getElementById("declencheur").onclick = a_deployer.etendre;
		

C’est la méthode que j’emploie dans les fichiers d’exemple à télécharger.

imprimer

haut de page

François Delègue