Cours du 5 octobre 2009

Formulaire faisant bouger une image, utilisant le timer :

Pour que ce formulaire puisse avoir un intérêt, il faut modifier le code source en HTML !
Vous pouvez le voir en cliquant sur : "Affichage" puis "Code source de la page".
























Ecivez une nouvelle fonctions "DeplaceXY(nPixX, nPixY)" qui permet de déplacer la "bouleblanche" de
nPixX pixels horizontalement et nPixY pixels verticalement.
Ainsi une seule fonctions permet tous les déplacements !

Saurez-vous ajouter un bouton qui fasse aller la boule blanche dans une direction (X , Y) donnée ?
Pour cela il faudra ajouter un champ modifiable : <input name="namePixX" size ="3" value="7">,
et un autre équivalent pour définir les déplacement en X et en Y.

Ajouter un autre champ modifiable : qui indique combien de fois l'image se déplace à intervalle de 1/10 seconde.

Solutions des exercices.


Plan du Site : index.html    zCours_20091005.html    zCours_20091005_form.html

Page mise à jour le 2 octobre 2009 par Bernard Gisin.
Hébergement par : www.educanet2.ch