samedi 1 août 2015

Rotation via bouton

Ce script s'intègre avant la balise </body> de la page html. Les commentaires sont ajoutés à la suite.

 

Lecture ligne par ligne :

2 Déclaration de la variable globale cnt et affectation de la valeur 3, Cette ligne est exécutée au terme du chargement de la page dans le navigateur.
3 Déclaration d'un objet nommé arr. C'est l'élément de la page web, identifié avec la propriété id="arrow". Cette ligne est exécutée au terme du chargement de la page dans le navigateur.
4 Une rotation de -25 degrés (vers la gauche) s'applique à l'objet arr. Cette ligne est exécutée au terme du chargement de la page dans le navigateur.

5 à 8: Déclaration de la fonction nommée right(). Cette fonction est exécutée lorsqu'elle sera appelée par un bouton par exemple. Ce bouton devra alors posséder la propriété onclick="right()".
6 Cette instruction est exécutée à l'appel de la fonction right(). Elle ajoute 1 à la variable cnt si celle-ci est inférieure à 3.
7 Cette instruction est exécutée à l'appel de la fonction right(). Elle appelle la fonction rotArr().

9 à 12 Déclaration de la fonction nommée left(). Cette fonction est exécutée lorsqu'elle sera appelée par un bouton par exemple. Ce bouton devra alors posséder la propriété onclick="left()".
10 Cette instruction est exécutée à l'appel de la fonction left(). Elle retranche 1 à la variable cnt si celle-ci est supérieure à 1.
11 Cette instruction est exécutée à l'appel de la fonction left(). Elle appelle la fonction rotArr().

13 à 19 Déclaration de la fonction nommée rotArr(). Cette fonction est exécutée lorsqu'elle sera appelée.
14 à 17 Structure alternative switch case. Elle exécute une des instructions suivantes selon l valeur de la variable cnt
15 Dans le cas où cnt égale 1 l'instruction arr.WebkitTransform = "rotate(-70deg)"; s'exécute. Elle opère une rotation vers la gauche de 70 degrés de l'objet arr (voir ligne 3). Les lignes 18 et 19 ensuite conduisent à la ligne du script appelante (7 ou 11).

%%%