// Scripts. 2, des pages réactives_____

Principe

Il est possible de permettre aux pages de "s'animer" et de réagir aux sollicitations de l'internaute, en incluant des balises qui permettent l'appel à un script inclus dans la page ou à un programme extérieur.

En combinant ces possibilités, on peut déclencher une action en fonction d'"événements" précis.

Evénements	Actions
Passer le pointeur de la souris sur une zone déterminée de la page Faire glisser la souris, bouton gauche enfoncé Cliquer sur un objet (image, bouton) Recharger la page etc	la disparition, l'apparition ou le déplacement d'un élément sur la page, le changement d'une image, d'une couleur, l'affichage d'un message, l'émission d'un son etc
Exemples

Pour ces comportements, on utilise fréquemment les propriétés des"calques CSS", combinés avec des scripts.

Exemples

Les événements sont généralement indiqués comme un attribut de la balise concernée ; la valeur de cet attribut détermine l'action à accomplir.
par ex : <input type="button" value="Fermer" onClick="window.close()">
l'action de cliquer [OnClick] sur le bouton déclenchera l'événement "fermer la fenêtre" [window.close()]

Programmer un événement peut-être très simple, comme placer sur une page un bouton de fermeture de fenêtre mais peut également nécessiter énormément de lignes de code...

• Les éditeurs html professionnels permettent de gérer facilement les comportements les plus fréquents : test du navigateur, fenêtre jaillissante (pop-up), image alternée (roll-over)
• Editeurs gratuits : html kit offre quelques modèles de scripts ;
  vous pouvez également télécharger le logiciel 1st page 2000 qui contient plus de 400 scripts.

On trouve aussi de nombreux modèles en ligne : par exemple sur www.editeurjavascript.com

Ajax

L'utilisation avancée des comportements interactifs permet de créer de véritables outils en ligne ("applications web"). De nouvelles techniques (notamment Ajax) rendent ces applications plus rapides et conviviales (en permettant par exemple d'éviter que la modification d'une information entraine le rechargement de toute la page, de personnaliser très facilement l'affichage, ...). A tel point que l'on peut parler de l'avènement d'une nouvelle ère du web, le Web 2.0.

Pour en savoir plus, voir les signets de ce cours...

.