Développement Web

L'API Notification de HTML5 vous permet d'afficher à l'utilisateur des notifications (comme son nom l'indique ) à la manière des messages natifs du navigateur ou des extensions du navigateur.
Il s'agit d'une alternative élégantes aux abominables alert() ou aux fenêtres modales ( dont celles natives de HTML5 ).
Son utilisation est un peu particulière car elle requière une autorisation de l'utilisateur. On commence donc par vérifier que le navigateur implémente cette ...

La délégation d'événement, qu'est-ce que c'est ?

La délégation d'événement est une technique assez courante en JavaScript qui consiste à poser des écouteurs d'événement non pas sur l'élément HTML ciblé, mais sur l'un de ses ancêtres dans le DOM.

Comment ça marche ?

Le concept essentiel pour comprendre cette technique est la notion de bouillonnement d'un événement. À de rares exceptions prêt, quasiment tous les événement bouillonnent.
Si l'on se ...

Lorsque l'on veut modifier le contenu d'un document Web (et c'est principalement la finalité de JavaScript), certaines méthodes ou propriétés sont largement connues et utilisées.
En particulier, l'utilisation de la propriété innerHTML est très répandue, au point que cette propriété, à l'origine à l'origine spécifique à Internet Explorer, s'est généralisée à tous les navigateurs et a même fini par être intégrée aux spécifications HTML5.
On connait aussi les méthodes createElement(), ...

Dans le cadre d'une page Web, la finalité de JavaScript est essentiellement de modifier les informations affichées. Pour cela, il est nécessaire de récupérer puis manipuler les objets du Document Object Model ou DOM.

Pour récupérer ce ou ces éléments, diverses méthodes sont disponibles.

Différence entre élément DOM et collection
Les méthodes de récupération d'éléments peuvent renvoyer deux types de valeurs : soit un élément, soit une collection d'éléments. ...

En JavaScript, il existe deux méthodes pour appeler une méthode ou récupérer un propriété d'un objet : la syntaxe à crochets et la syntaxe pointée, la plus courante.
Par exemple, pour récupérer la taille d'une chaine ou d'un tableau, on utilisera

Code javascript :

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

1
2
console.log('foo'.length);  // 3
console.log([1,2,3].length);  // 3

Avec la notation à crochets, la syntaxe deviendra

Code javascript :

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

1
2
console.log('foo'['length']);  // 3
console.log([1,2,3]['length']);  // 3

...