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é.
Mise en place des abonnements
Où est Bob ?
- Ouvrir le fichier minion et lire le code source.
- Compléter la fonction afficher_minion() (vars la ligne 113) pour faire fonctionner le bouton : Afficher ou cacher Bob sans cliquer ! .
- Compléter la fonction teleporter_minion() (vers la ligne 130) pour faire fonctionner le bouton : Téléporter Bob de la maison vers son jardin ou inversement ! .
Minion V.S Joker.
- Ouvrir le fichier carte et lire le code source.
- Après le minion revenir à la carte face cachée .
- Cela peut-il encore fonctionner en cliquant directement sur les images ?
Eclipse.
- Ouvrir le fichier eclipse et lire le code source.
- Ajouter un bouton - permettant de diminuer la taille de l'image de 20 pixels.
Mini projet