Néanmoins, la compatibilité entre elles posent souvent des problèmes lorsqu’on veut les utiliser en même temps.

(...)
Lire la suite de Comment rendre jQuery compatible avec Prototype ou Mootools (128 words)

Article original écrit par Dator et publié sur Dator.fr, le 2009. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: jQuery, Mootools, Prototype

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 !

Article original écrit par Dator et publié sur Dator.fr, le 2009. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Framework, Javascript, jQuery, Mootools, Prototype, Scriptaculous, Validation

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 ?

Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Dojo, Framework, Javascript, jQuery, Mootools, Prototype, Scriptaculous

jQuery tente de s’imposer dans le monde du web2.0 et à entièrement réussi son paris (plutôt osé), son code est très simple, intuitif et vraiment efficace.
Le principe de jQuery est d’écrire moins mais pour faire plus (comme le dis le slogan) et je vais vous démontrer que cela est possible avec l’AJAX.

(...)
Lire la suite de Les requêtes AJAX avec jQuery (387 words)

Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Ajax, jQuery, PHP, Prototype

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 la suite de Les effets basiques Javascripts avec Scriptaculous (4 words)

Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Javascript, Prototype, Screencasts, Scriptaculous

Cette utilisation peut être pratique pour l’internationalisation d’un contenu en plusieurs langues.

L’utilisation avec Prototype est vraiment très simple et ce fait de cette façon :

// On créer notre template avec nos variables
var template = new Template('Bienvenue sur mon #{genre} nommé #{nom}');
// On remplit nos valeurs de remplacement sous forme JSON
var valeurs= {genre: 'blog', nom: 'Dator Blog'};
// On appliques les valeurs au template
template .evaluate(valeurs);
// Retourne Bienvenue sur mon blog nommé Dator Blog

L’utilisation de template doit être utiliser uniquement dans un cas précis comme par exemple un système de requête Ajax avec plusieurs adresses dynamique en fonction d’un paramètre .

Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Javascript, Prototype

Sous ce joli nom se cache une fonctionnalité vraiment pratique pour tous les développeurs. Cette fonctionnalité permet de spécifier un intervalle et la librairie recompose les parties de cet interval.

Comme on dis souvent (surtout en programmation), un exemple vaut mieux qu’un long discours.

/*
On lance la fonction $R qui prend le minimum et le maximum.
Ensuite on transforme le retour dans un tableau avec $A comme Array
et on extrait chaque élément par une virgule.
*/
$A($R(0, 5)).join(', ');
// on nous retourne donc '0, 1, 2, 3, 4, 5'

Pratique non?

Maintenant, pour savoir si un objet rangé contient un élément, on utilise :

// On cherche si 5 fait partie de l'intervalle ouvert  ([0;5]).
$R(0, 5).include(5);
// Nous retourne true.

//On cherche si 5 fait partie de l'intervalle fermé à droite ([0;5[)
$R(0,5,true).include(5);
// Nous retourne false

De plus, cette fonction marche aussi avec les caractères.

$A($R('aa', 'ad')).each(function(value) {
// Retourne aa, ab, ac, ad
}

Cette fonction est vraiment très pratique pour tous les développeurs qui souhaitent utiliser des suites logiques de nombre ou de lettres.

Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Javascript, Prototype

• 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.

Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Dojo, Framework, Javascript, jQuery, Mootools, Prototype, Scriptaculous

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 .

Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Javascript, Prototype, Scriptaculous

Je me suis documenter sur Prototype pour savoir comment manipuler les DOMs et je suis arriver à un petit script … vraiment petit !

Déjà, il faut créer votre page HTML en pensant à bien ajouter prototype dans les javascript.

Ensuite il faut réaliser vos CSS afin de pouvoir changer les couleurs de vos sites comme vous voulez

et enfin il faut créer un petit bout de javascript (mais vraiment petit) mais qui possède une puissance assez conséquente !

Dans un premier temps, il faut identifier la premier css inclut dans votre site (le principal) :

$$('link[rel=stylesheet]')

avec ce code on peut recherche les DOMs avec les sélecteurs CSS, on va cherche les links qui ont un rel égale à stylesheet .

Ensuite on va transformer cette liste en tableau pour avoir la méthode qui permet de récupérer le premier élément de ce tableau (le CSS principal) :

$A($$('link[rel=stylesheet]')).first()

$A permet de transformer les éléments retourner en type Enumérable et de pouvoir chercher le premier élément avec la méthode first()

Enfin il nous suffit de changer l’attribut href de cet élément par le nouveau CSS

$A($$('link[rel=stylesheet]')).first().setAttribute('href','css/monstyle.css');

Ici, avec setAttribute on change l’attribut href avec le deuxième paramètre

Finalement, on peut aussi créer une fonction très simple, afin de pouvoir spécifier dynamiquement le CSS comme ceci :

function change_css(style){
	$A($$('link[rel=stylesheet]')).first().setAttribute('href','css/'+style+'.css');
}

Voici le résultat : Changer de CSS avec Javascript et Prototype démonstration
Avec ce mini bout de code, à vous les sites avec plusieurs styles !

Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: CSS, Javascript, Prototype