Faculté I&C, Claude Petitpierre, André Maurer Evénements en Javascript prototype.js.

Présentation au sujet: "Faculté I&C, Claude Petitpierre, André Maurer Evénements en Javascript prototype.js."— Transcription de la présentation:

1 Faculté I&C, Claude Petitpierre, André Maurer Evénements en Javascript prototype.js

2 Faculté I&C, Claude Petitpierre, André Maurer Quand la touche de la souris est en- foncée, la fonction fct() est appelée Quand la touche de la souris est enfoncée, puis relâchée, la fonction fct2() est appelée Chaque fois que le curseur est déplacé dun certain nombre de pixels, les deux fonctions sont appelées Quelques exemples

3 Faculté I&C, Claude Petitpierre, André Maurer W3C

4 Faculté I&C, Claude Petitpierre, André Maurer Input <input onkeypress='if(event.keyCode==13) execute(this.value)'/> Entrez votre nom: Petitpierre Lorsquon entre un retour de ligne, la fonction est exécutée event.charCode==a pour les caractères

5 Faculté I&C, Claude Petitpierre, André Maurer Attributs de lévénement event.clientY Certains attributs dépendent event.pageY malheureusement des navigateurs event.x Heureusement la librairie prototype.js harmonise les interfaces (attention: 4000 lignes)

6 Faculté I&C, Claude Petitpierre, André Maurer var x,y; function setCoords(event) { if (window.ActiveXObject) { // IE y = event.clientY+getScrollY() x = event.clientX+getScrollX() } else { // autre y = event.pageY x = event.pageX; } } function getScrollY(){ // position de la lucarne dans la page yy = 0 if (window.ActiveXObject){ yy = document.documentElement.scrollTop // IE } else { // autre yy = window.pageYOffset... Sans prototype.js

7 Faculté I&C, Claude Petitpierre, André Maurer Avec prototype.js http://www.prototypejs.org ( voir API Docs au sommet de la page ) http://www.prototypejs.org Event.observe(document,"mousemove",bougeBille) function bougeBille(event) { $('bille').style.top = Event.pointerY(event) $('bille').style.left = Event.pointerX(event) } les appels sadditionnent