Page précédente Topo HTML Page suivante

 Malgré une ressemblance flagrante entre leurs noms, JavaScript n'a rien à voir avec Java.
Java est un langage de programmation avec lequel on peut créer de véritables programmes.
JavaScript n'est qu'un langage script , facile à comprendre et simple à utiliser. C'est plus une extension du langage HTML qu'un langage informatique à part entière.

Le script de ce message crée un bouton qui, lors d'un clic, fera apparaître une fenêtre avec un message.
Dans la balise <INPUT> onclick indique au navigateur quelle fonction il doit appeler lorsque le bouton est pressé.
La fonction pusbutton() définie dans le script est alors exécutée.
La méthode alert est déja intégrée dans JavaScript.Il suffit de l'appeler. (voir ci-dessous)
Utilisation des boîtes de messages d'avertissement, d'invite et de confirmation
Les boîtes de messages d'avertissement, de confirmation et d'invite doivent être validées par l'utilisateur. Les boîtes de messages sont des méthodes de l'objet window de l'interface. Étant donné que l'objet window est au sommet de la hiérarchie des objets, il n'est pas nécessaire d'employer le nom complet de ces boîtes de messages (par exemple, "window.alert()"), mais il est recommandé de le faire afin de se souvenir de l'objet auquel elles appartiennent.

Boîte de message d'avertissement
La méthode alert possède un seul argument : la chaîne de texte que vous souhaitez afficher à l'intention de l'utilisateur. La chaîne n'est pas en HTML. La boîte de message contient un bouton OK qui permet à l'utilisateur de la fermer ; il s'agit d'une fenêtre modale, ce qui signifie que l'utilisateur doit la fermer avant de poursuivre. 


window.alert("Bienvenue! Appuyez sur OK pour continuer.");


Ce script, une fois démarré, va continuellement changer la couleur du fond, en boucle. Essayez! Un script sympa et court !


Le script est "attaché" au document HTML (ce message) grâce à la balise <SCRIPT>. Son écriture se fait à l'intérieur des balises <SCRIPT>.. </SCRIPT>.
Sous IE4, les balises <SCRIPT> ... </SCRIPT> et leur contenu, se placent entre les balises <HEAD>  .... </HEAD>
Sous O.E., il faut placer l'ensemble entre les balises <BODY>...</BODY>>
Dans ce script sont définies 2 variables (var) -> COLOR et woot  ainsi que 2 fonctions :

la fonction stoploop() 

- redéfinit la couleur du fond (blanc)  -> document.bgcolor= '#FFFFFF';
- arrête la boucle -> clearTimeout (loopID);

la fonction loopBackground()

Elle gère le changement de couleur du fond grâce à une incrémentation des variables COLOR et woot et une instruction conditionnelle ( if...else)
Dans les instructions if, une condition est testée et, si la condition se vérifie, un certain code JavaScript que vous avez rédigé est exécuté. (Dans l'instruction if...else, un code différent est exécuté si la condition ne se vérifie pas.) Dans sa forme la plus simple, une instruction if peut tenir sur une ligne, mais les instructions if et if...else occupant plusieurs lignes sont beaucoup plus habituelles.
 
un clic sur le premier bouton, appelle - pour exécution - la fonction loopBackground() :
onclick="loopBackground()"
 
un clic sur le deuxième bouton appelle la fonction stoploop() :
onclick="stoploop()"
 
Ce script - du type 2 - ne s'exécute donc pas automatiquement dès l'ouverture du message. Il ne démarre que si un événement se produit (clic de souris). L'appel aux fonctions se fait à l'intérieur de la balise HTML <INPUT> de la manière suivante :
<INPUT onClick="loopBackground()" >
 
Pour étudier à fond le script, éditez-le avec Notepad.