Aller au contenu | Aller au menu | Aller à la recherche

Weblog W3Positive

Expressions régulières en Javascript

Les expressions régulières permettent de vérifier ou corriger des chaînes de caractères obéissant à un certain motif. Un exemple simple serait la validation d'un numéro de téléphone : il ne contient que des chiffres, ou éventuellement si on l'autorise, des chiffres et les caractères . - ou espace. Pour d'autres usages les motifs sont bien plus complexes. Nous en présentons quelques-uns ici, dans le langage Javascript, qui est utilisé côté navigateur : ces tests peuvent donc servir à valider les données entrées par l'utilisateur avant l'envoi au serveur de leur requête :

  • une fonction trim (nettoyage d'espaces superflus)
  • validation d'une adresse mail
  • validation d'une adresse IP
  • validation d'une date

» Lire la suite

Flux d'information en format RSS

Les flux d'information se présentent sous deux formats : le format RSS et le format Atom. Nous allons voir comment se présente le format RSS, comment le générer et comment le lire.

» Lire la suite

JSON : un format de retour alternatif pour Ajax

Les données retournées par un appel AJAX peuvent être formattées de bien des façons :

  • chaîne de caractères dont on vérifie et/ou affiche la valeur,
  • code HTML qui sera affiché tel quel,
  • code Javascript qui sera évalué,

Et en cas de données complexes :

  • flux XML, qui fait partie de l'acronyme mais peut être difficile à générer rigoureusement
  • JSON, alternative à XML

Le format d'échanges de données JSON s'avère plus simple à générer, plus rapide a traiter, et est immédiatement interprété par Javascript. Origine, syntaxe et avantages sont présentés dans cet article de JDN Développeurs. Ci-dessous un exemple :

{ "message": 
  { "entete": 
    { "auteur": "Lapin",
       "date": "2005-05-05",
       "importanceHaute": true
    }
  }
}

Typetester pour comparer les polices de caractères

La police de caractères choisie pour afficher un texte sur un site doit être soigneusement choisie. Typetester permet de faciliter les comparaisons et de choisir la police la mieux adaptée parmi les plus "safe" (disponibles sur tous les systèmes) ou celles disponibles sur votre ordinateur, mais également de choisir la bonne taille, casse, couleur et couleur de fond. Un outil indispensable !

» Lire la suite

Sites Web2.0

Des sites intelligents qui rendent de vrais services ! Une liste non exhaustive...

» Lire la suite

Formulaires et tableaux ergonomiques

Un excellent tutoriel pour rendre ses formulaires plus conviviaux pour les utilisateurs.

Et un excellent tutoriel pour rendre ses tableaux de données plus lisibles et accessibles pour tous les utilisateurs. Au passage, Fred Cavazza utilise pour le tri de tableau en Javascript l'époustouflant script Tablesort de BrainJar.com

Librairies pour Ajax et la manipulation du DOM

Cette année se place sous le signe du Web2.0, avec des sites interactifs, intelligents, et dont la technologie repose sur

  • des appels asynchrones (AJAX), et
  • une modification dynamique des éléments du DOM (mise à jour sans rechargement de page, drag&drop, personnalisation de sa page par l'utilisateur...)

Voici une étude (en anglais) comparant les différentes librairies permettant de faciliter la programmation de ces fonctionnalités.

Pour notre part, nous utilisons pour l'instant les librairies Prototype (documentation), delicious et Yahoo UI.