TP 7 : Evénements et abonnements
Evénements
On appelle événement :
- une action de
l'utilisateur sur un élément de la page via la souris ou le
clavier
-
ou le chargement d'une donnée, page ou image par exemple.
Le principe est de permettre le déclenchement d'un traitement
lorsqu'un événement particulier se produit sur un élément de la page.
Il existe différents types d'événements :
- un événement
click
est déclenché lors d'un clic souris
Exemple 1
- un événement
mouseover
est déclenché lorsque la
souris passe au-dessus d'un élément
Exemple 2
- un événement
keypress
est déclenché lors de l'appui
d'une touche
Exemple 3
Lire le code source des exemples ci-dessus.
A connaître : La programmation événementielle consiste à lier une
fonction à un type d'événement pour un élément donné.
Compléter les phrases suivantes puis apellez le professeur :
- Modifier le code source de ce TP, de tel sorte qu'un clic sur le titre du TP (en haut) affiche le messsage "Je sais mettre en place un événement."
- Dans l'exemple2, sur quelle touche faut-il appuyer pour avoir "BRAVO" ?
- Modifier le code source de ce TP, de tel sorte qu'un survol de la zone rouge ci-dessus affiche le messsage "Ceci est important !"
Mise en place des abonnements
- Ouvrir le fichier eclipse et lire le code source.
- Ajouter un bouton - permettant de diminuer la taille de l'image de 20 pixels.
The Joker.
- Ouvrir le fichier carte et lire le code source.
- Modifier le code source afin d'effectuer :
- A la ligne 48, mofifier bouton par changeante .
- Après le joker faire apparaitre le roi de pique .
Téléportation d'un minion.
- Ouvrir le fichier minion et lire le code source.
- Modifier le code source pour :
- Créer un bouton Téléporter Bob qui va téléporter Bob dans la zone2_2
- Un nouveau clic sur le bouton permet de remettre Bob dans sa "maison".
- Téléporter Bob en le survolant !
Mini projet