Cet article est le deuxième d’une série de tutoriaux sur les composants graphiques.

Dans le premier article nous avions vu comment cibler un nœud du DOM et interagir avec cet élément.

Nous avions crée la classe custumInput qui permettait de modifier et d’ajouter des comportement a un élément Input.

Dans ce tutorial nous allons voir comment modifier intégralement l’aspect d’un bouton html

Nous allons créer un composant graphique en javascript qui remplacera un bouton html.

Ce composant aura 3 images, pour chacun des 3 états (rollOver – rollOut et click) et devra récupérer l’action réalisé sur le click du bouton (l’appel de la fonction)

Le résultat est disponible ici.

Lire la suite de cet article »

Voici le premier article d’une série Sur les composants graphiques.
Les composants graphiques c’est quoi?

Les composants graphiques sont des objets javascript qui permettent de contrôler des interfaces graphiques

Ils consistent en objets javascript ( afin de faciliter le déploiement ) qui implémentent des méthodes aux différents éléments d’une page afin d’en modifier l’apparence, les propriété, ou les comportements face aux actions utilisateurs,
tout en modifiant au minimum le code de la page html.Un composant doit être autonome et portable.
(Pfiou on respire)

Parmi les composants graphiques les plus connu il y a swfIR ou CRIR

Lire la suite de cet article »

DOM Assistant est un librairie javascript qui permet de simplifier la manipulation du DOM.

Cette librairie qui n’a pas les prétentions d’un jQuery ou autres prototypes, permet par contre de gagner du temps quand on a besoin de manipuler un peu de DOM.

L’écriture est très intuitive ( un peu sur le modèle d’un jQuery),et le package ne pèse que elle pèse que 5Ko

La librairie se présente sous la forme de 5 fichiers modulaires. Le moteur de la librairie et 4 modules annexes a importer selon les besoins.

Cette classe est compatible avec la plupart des navigateurs modernes.

Lire la suite de cet article »