Dator Blog

De nos jours, avoir une liste d’éléments dans un tableau est courant mais très peu de site propose de trier chaque colonne et d’avoir une pagination digne de ce nom !

jQuery, la librairie javascript orienté objet, va nous offrir une solution (vous pouvez tout à fait réaliser un tableau dynamique trié et paginé avec PHP ou Ruby mais c’est plus contraignant, surtout quand vous allez voir le nombre de ligne de code dont on a besoin avec le Javascript).

Lire le reste de cet article »

• 15 commentaires

Un sondage récent du W3C nous indique que 5% des personnes navigant sur internet n‘ont pas le JavaScript activé. Ce personnes ont soit, un navigateur qui ne prend pas en compte le JavaScript soit ont désactivé le JavaScript depuis les options de leur navigateur.
Avec la « mode»  Web2.0, un grand nombre de sites se sont vu doté d’une interface entièrement AJAX sans prendre en compte les 5% des personnes (certes un petit pourcentage).

Cela peut induire fortement sur le référencement naturel de leur site internet et sur l’accessibilité de leur site pour les personnes mal voyantes.

Lire le reste de cet article »

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

Un template est une chaine de caractère qui comporte des variables spéciales qui seront remplacées dans la suite de l’exécution.

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 .

• 2 commentaires

ObjectRange ou objets rangés sont présents dans la librairie 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.

• 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