Interagir sur le Web

Une page Web n'est pas une image : c'est un programme qui attend. Cliquer sur un bouton, saisir un mot de passe, faire défiler une carte — chacun de ces gestes déclenche du code, ici ou ailleurs. Ce chapitre décrit ce qui se passe alors, et surtout où cela se passe : sur votre machine, ou sur celle d'en face.

10.1 Décrire, présenter, réagir

Trois langages coopèrent dans une page, et le chapitre 3 a déjà dit que deux d'entre eux ne sont pas des langages de programmation :

Figure : Trois langages superposés dans une même page. Deux décrivent, un seul calcule — c'est la distinction que le programme demande de savoir faire.

<form id="connexion" method="post" action="/verifier">
  <label for="pseudo">Pseudonyme</label>
  <input type="text" id="pseudo" name="pseudo">

  <label for="motdepasse">Mot de passe</label>
  <input type="password" id="motdepasse" name="motdepasse">

  <input type="checkbox" id="memoriser" name="memoriser">
  <label for="memoriser">Se souvenir de moi</label>

  <button type="submit">Se connecter</button>
</form>

Les composants graphiques sont ici les champs de saisie, la case à cocher et le bouton. Chacun porte un name — le nom sous lequel sa valeur sera transmise — et souvent un id, qui permet au code de le désigner.

10.2 Les événements

Le renversement est complet par rapport à tout ce qui précède : le programme n'appelle plus, il est appelé.

Figure : Le modèle événementiel. Le gestionnaire est écrit à l'avance et attend ; c'est le navigateur qui décide du moment où il s'exécute.