Développement Web

L'autocomplétion native en HTML5

L'autocomplétion, ou liste de suggestions, est l'une des fonctionnalités les plus courantes du développement Web.
Il s'agit de suggérer des choix possibles lors de la saisie dans un champ de formulaire.

Jusqu'à présent, il était obligatoire de développer cette fonctionnalité en JavaScript, mais grâce à HTML5, il est possible désormais de se passer de langage de script avec l'élément <datalist>.
Cet élément va permettre ...

Contrairement à XML, HTML impose les balises que l'on peut utiliser dans une page Web ainsi que les attributs possibles pour chacune d'elles. Rien d'extraordinaire à cela, c'est même sa raison d'être : structurer un document selon des balises ayant un sens sémantique.
Sauf que cette restriction correspond de moins en moins aux besoins réels du Web moderne et des applications internet riches (Rich Internet Applications ou RIA en anglais) qui utilisent beaucoup de JavaScript et demandent d'avoir ...

Note : ce billet a été initialement posté sur le forum le 31 août 2012.

La spécification HTML5 définit différents modules indépendants. Cette modularité a pour avantage de permettre de travailler sur certains aspects du standard sans avoir besoin de se soucier de l'état d'avancement des autres.
Parmi ces modules, l'API DOM est celui qui permet de définir les propriétés et méthodes disponibles en JavaScript pour manipuler le DOM.
Nous allons voir les différentes nouveautés ...

Nous avons souvent besoin de tester la performance de nos scripts.
Pour cela, nous rencontrons souvent des fonctions spécifiques basées sur l'objet Date(), par exemple :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var d1, d2;
d1 = Date.now();
// Code à tester ici
d2 = Date.now();
console.log(d2 - d1);

Ce qui est dommage, c'est d'utiliser la console uniquement pour afficher le résultat alors que celle-ci est capable de faire le travail toute seule !

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

console.time('Nom du test');

...

Lorsque vous proposez une ressource aux visiteurs de votre site (images, documents PDF ou autres, etc.), les navigateurs vont essayer de les afficher via des fonctionnalités intégrées ou des extensions/plugins.
Or, si vous souhaitez juste proposer ces ressources au téléchargement, vous serez obligé de "forcer la main" au navigateur côté serveur :

• solution en PHP ;
• solution en Java ;
• solution en C#.

En gros, la technique consiste à associer au fichier souhaité ...