Archives du mot-clé Javascript

Du JS bien fait : Netontwerp

Devant la panoplie de possibilités offertes par les librairies Javascript (les plus connues étant JQuery, Mootools), force est de reconnaître qu’il faut continuer de « slaquer » un peu le Flash … et l’utiliser uniquement quand l’expérience s’en trouve extrêmement améliorée et rendue unique.

Du JS bien manié peut conduire à un résultat similaire à du Flash mais mieux structuré, plus fluide, plus accessible et parfaitement référençable sans pirouette pour y arriver, le pied quoi…

Et ça, le jeune designer belge Simon Wuyts l’a compris! Jetez un coup d’oeil à son site, très simplement conçu mais de façon très ingénieuse je trouve … en bref, c’est un petit coup de coeur impulsif, qui entre tout-à-fait dans mes goûts en matière de Webdesign.

http://www.netontwerp.com (découvert via @stephanethomas)

Valider le format d’un courriel (PHP & Javascript)

Voici deux échantillons de script pour valider des adresses courriel, ce qui est communément utilisé dans la validation de formulaires, pour éviter que les utilisateur.

Valider le format d’un courriel en Javascript

Insérez ce petit bout de Javascript entre les balises <head> et </head> de votre document HTML :



Insérer un formulaire de ce genre entre les balises <body> et </body> :



L’événement onsubmit appelle la fonction checkMail() et lui transmet la valeur du champs texte courriel. Le champs courriel est identifié par le ID courriel.

Essayez le script en ligne

Valider le format d’un courriel en PHP

Voici une petite fonction PHP qui permet de vérifier que l’utilisateur a bel et bien entré une adresse courriel qui puisse exister.

function validMail($addr) {
if ((!ereg(« .+\@.+\..+ », $addr)) || (!ereg(« ^[a-zA-Z0-9_@.-]+$ », $addr)))
RETURN FALSE;
else
RETURN TRUE;
}
// Exemple d’utilisation :
if(!validMail(‘infoadresse.com’)) {
echo « Votre adresse est invalide! »;
}

Ça ne teste pas son existence, mais ça évite que l’utilisateur instinctivement des conneries.

Google Analytics, vos statistiques en ligne

Google Analytics est un service gratuit de Google qui permet d’apprendre une quantité impressionnante d’informations sur les visiteurs de votre site. Si vous ne connaissez pas déjà ce service , il faut vous y mettre dès maintenant!

Connaître le nombre de vos visiteurs, leur origine, où ils vont et quand est un élément essentiel au succès (même minime) de votre site Web… ne serait-ce que pour savoir si vous avez plus d’un visiteur par jour! Étudier le comportement de vos visiteurs vous aidera grandement à améliorer votre site Web (surtout au niveau de l’ergonomie), ou au moins à comprendre quels sont les problèmes liés à l’expérience utilisateur que votre site offre. À défaut d’utiliser une solution de statistiques spécialisées encore plus pointue, je crois bien que Google Analytics constitue un excellent point de départ.

Comment ajouter Google Analytics?

Rendez-vous sur le site de Google Analytics, inscrivez-vous aux services Google (si vous possédez déjà un compte Gmail, vous pouvez l’utiliser).

Une fois inscris, cliquez sur Access Analytics, puis sur Sign up ».

Remplissez le formulaire en fournissant les informations demandées.

Google vous donne ensuite un code javascript à insérer dans vos pages HTML. Vous devez l’insérer dans toutes vos pages (sans quoi vous ne pourrez obtenir des statistiques réelles). À l’aide d’un éditeur de code source (Dreamweaver, Golive, …) ou du bloc-note, insérez le code juste avant la fermeture de la balise </body> (à la fin). Si vous l’insérez plus tôt dans le code, ça risque de créer un ralentissement sensible du chargement de la page.

Le code javascript que Google vous donne ressemble à ceci (n’utilisez pas ce code, utilisez celui que Google vous donne) :




Il faut laisser un peu de temps, quelques heures normalement, avant que Google commence à enregistrer les statistiques sur votre site.

Laissez mijoter quelques jours et ensuite retournez voir ce que ça donne. Les statistiques d’une journée sont accessibles à partir de minuit le soir de cette journée.

Une petite astuce : Dans les statistiques de contenu, vous pouvez voir quelles sont les pages visitées sur votre site. Cela vous aiderait beaucoup si vous utilisiez la réécriture d’URL, car c’est bien plus facile de reconnaître quelles sont ces pages, que s’il s’agit d’URLs avec une panoplie de paramètres qui ne veulent rien dire pour vous.

Je vous laisse le plaisir d’explorer l’outil Google Analytics à votre guise; il existe beaucoup de possibilités, seule une expérience personnelle de l’outil vous permettra de mieux comprendre les différentes fonctions de celui-ci!