Leçon 2

Afficher une fenêtre d'alerte

Saisissez précisément le contenu du listing suivant dans votre éditeur de texte préféré (il est plus simple et plus rapide de faire un "copier-coller").

<HTML>
<HEAD>
<TITLE>Message d'alerte</TITLE>

<SCRIPT LANGUAGE="JavaScript">

document.write("On va afficher un message d'alerte")

function afficher()
{
alert("Vous venez de cliquer sur le bouton!")
}

</SCRIPT>
</HEAD>

<BODY>
<FORM>
<INPUT type="button" value="Cliquez ici"
onclick="afficher()">
</FORM>
</BODY>
</HTML>

Sauvegardez ce script dans un fichier que vous appelerez alerte.html.
Démarrez maintenant un navigateur (Netscape Communicator ou Internet Explorer).
Ouvrez depuis votre navigateur le fichier alerte.html et voyez le résultat.

En cas de problème, cliquez ici pour voir le résultat.


Explications

On reconnaît la fonction document.write que nous avons découverte à la leçon 1. On remarquera que cette fois-ci le script se trouve dans l'en-tête de la page (entre les balises <HEAD> et </HEAD>). Quand on définit des fonctions, comme c'est le cas ici, on met toujours le script dans l'en-tête.
On a défini une fonction afficher(), dont la seule tâche est d'afficher le message d'alerte. Cette fonction n'a pas de paramètres, d'où les parenthèses vides. Elle est appelée lorsque l'on clique sur le bouton défini plus bas (onclick="afficher()").


Exercice

Créez une page avec deux boutons "oui" et "non". Quand on cliquera sur "oui", le message "Vous avez dit oui" apparaîtra. Quand on cliquera sur "non", le message "Vous êtes un Nein-Sager" apparaîtra.

Correction: Cliquez ici pour voir le résultat, puis visualisez le code source.


Didier Müller, 4.4.02