Voici la V1 de la classe javascript CustumInput.

Cette classe est permet de modifier le comportement de champs texte a partir de leur classe.
Elle permet de définir une classe Css pour l’état focus et pour l’état blur du champ texte.
Elle vérifie également si la valeur du champs texte a été initialisé et si elle n’est pas vide.

Lire la suite de cet article »

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 »