Gestion des évènements
Evènements Javascripts
Les événements sont des actions ou des occurrences qui se produisent dans une page web et dont le système vous informe afin que vous puissiez y répondre d'une manière ou d'une autre si vous le souhaitez. Par exemple, si l'utilisateur clique sur un bouton d'une page Web, vous pouvez répondre à cette action en affichant une boîte d'information. Dans cet article, nous allons aborder quelques concepts clés concernant les événements, et expliquer leur fonctionnent avec le CMS diaango.
| Prérequis: | Connaissances de base en informatique, une compréhension de base de HTML et CSS, Premiers pas en JavaScript. |
|---|---|
| Objectif: | Comprendre la théorie fondamentale des événements, comment ils fonctionnent dans les navigateurs. |
Voici par exemple une liste des évènements qui peuvent se produire dans le navigateur lorqu'un utilisateur ouvre une page.
- L'utilisateur clique avec la souris sur un certain élément ou en place le curseur sur un certain élément.
- L'utilisateur survole avec la souris un élément.
- L'utilisateur appuie sur une touche du clavier.
- L'utilisateur redimensionne ou ferme la fenêtre du navigateur.
- Une page web finissant de se charger.
- Un formulaire en cours de soumission
- Une vidéo en cours de lecture, en pause ou en fin de lecture.
- Une erreur qui survient.
Gestionnaire d'évènement :
Pour pouvoir réagir à un événement il faut ce qu'on appele un gestionnaire d'évènement. C'est est un bout de code javascript qui sera éxecuter lorsqu'intervient un évenement.
Vous pouvez créer des évènement pour tous composant et page avec l'éditeur visuel. Ci-dessous les étapes pour ajouter un gestionnaire :
- Aller dans le menu lateral de droite et reperer la section evenements
- Cliquez sur le bouton "+" pour ajouter un gestionnaire.
- Renseignez le nom de l'évènement.
- Ajouter le code javascript pour cet évènement.
Pour connaitre la liste exhaustive des évènements HTML cliquez ici.
Réferences :