Dator Blog

Aujourd’hui je vais vous proposer un article que je n’ai jamais encore fait ! Un compilation des meilleurs plugins pour les framework javascript trouvé sur le net pour valider vos formulaires :

Mootools

• form.Check
• formValidator
• fValidator

jQuery

• Validation
• Form Validation plugin (3 versions possibles)
• jVal

Prototype

• Really Easy Form Validation
• JSValidate (requiert Scriptaculous)
• Unobtrusive Javascript Form Validation for Prototype

Si vous en avez d’autre, n’hésitez pas à mettre un commentaire et je l’ajouterais à la liste !

• 4 commentaires

Tout les développeurs aiment savoir quel est le framework Javascript utilisé sur un site internet. Avant pour savoir cela, on allait dans la source et on essayais de voir si on avais un jquery.js ou un prototype.js .

Maintenant, on peut savoir ca de façon très simple, grâce à un petit lien dans la bar des favoris. Oskar Kramczyk à écrit un petit script qui permet de faire ça et je doit dire que c’est très pratique.

La librairie marche avec Mootools, jQuery, Yahoo UI!, Scriptaculous, Prototype, Dojo Toolkit, Mochikit …

Par exemple, prenons mon twitter :

Et le site de Apple :

Je trouve ça très pratique ! et vous ?

• 3 commentaires

Bonjour,

Voici le nouveau screencast de Dator.fr, ce screencast porte sur les effets basiques javascripts avec Scriptaculous.

Ce screencast est très court et à servis à faire un comparatif entre les différents fournisseurs de vidéos en ligne.

La vidéo dans la suite de l’article

Lire le reste de cet article »

• 0 commentaire

Ajax Librairies est un module développé par Google pour permettre de simplifier les appels aux différents framework Javascript les plus connus comme :

• jQuery
• Prototype
• Scriptaculous
• Mootools
• Dojo

Google simplifie largement le travail car, pour appeler une librairie, il faut utiliser :

Et ensuite :

google.load("jquery", "1.2.3");
google.load("prototype", "1.6");
google.load("scriptaculous", "1.8.1");
google.load("mootools", "1.11");
google.load("dojo", "1.1.1");

Dans le premier paramètre de la méthode load, vous mettez le nom de la librairie voulue et dans le deuxième, la version.Simple non?

De plus, vous pouvez spécifier le mode de compression de la librairie voulue (uniquement pour Mootools, Dojo et jQuery).
Pour avoir la version non compressé, il suffit de rajouter :

google.load("jquery", "1.2.3",{uncompressed:true});
google.load("mootools", "1.11",{uncompressed:true});
google.load("dojo", "1.1.1",{uncompressed:true});

Google à mis cela au point pour simplifier les accès au framework Javascript et pour facilité le versionning.

• 1 commentaire

Vous en avez marre d’inclure Prototype et Scriptaculous dans vos pages de vos sites web ?

Des développeurs ont compacter ces deux librairies afin d’inclure dans vos pages qu’un seul fichier javascript.

Pratique non?

Voici le site du projet : Google Groupe pour Prototype Core

En ajoutant ce fichier Protoculous.js dans vos pages vous aurez accès au propriété de Prototype ainsi qu’au effets graphiques de Scriptaculous .

• 0 commentaire

Aujourd’hui nous allons voir comment réaliser des infobulles en javascript avec notre framework préféré : Prototype !

C’est quoi une infobulle ?

Les infobulles sont des petites bulles de texte qui apparaissent à un moment donné, par exemple quand on passe sa sourie sur un lien, on peut faire apparaitre la description du site.

En fouillant sur le web, je n’ai trouvé qu’un seul plugins simpatique à utiliser : Prototip

Vous pouvez d’ailleurs consulter des exemples dans la section démonstration du site de Prototip.

Comment l’utiliser ?

Pour utiliser ce framework, il suffit simplement d’inclure vos 3 fichiers javascripts et le fichier css :

Il ne vous reste plus qu’a utiliser le Javascript aussi simplement que d’habitude :

new Tip('monId', 'Afficher ce contenu au passage de la sourie sur cette div');

Et voila on aura une belle infobulle quand on passera la sourie sur la div monId.

Je peux ajouter des effets ?

Bien évidemment ! , il suffit de rajouter les options à la suite du contenu de la bulle.

Effet d’apparition :

new Tip('monId', 'Afficher ce contenu au passage de la sourie sur cette div',
{ effect: 'appear' }
);

Ajouter un titre :

new Tip('monId', 'Afficher ce contenu au passage de la sourie sur cette div',
{ title: 'montitre}
);

et encore bien d’autre petit effets modifiable à volonté !

• 5 commentaires