JavaScript ..le bras droit d'HTML
 
<<Page précédente
Table des Matières
 
INTERNET Construction de Pages Web
Boîtes de Dialogue
 
JavaScript nous offre 3 type de Boîtes de dialogue : 


 
La boite de message - alert()  

Alert ouvre une petite fenêtre avec votre texte et un bouton OK. Aussi longtemps que le lecteur n'aura pas confirmé par un clic sur ce bouton, le processus sera bloqué. 

La syntaxe est : 

    alert ('Texte à afficher..')
Un exemple ? 
    alert ('Salut Fredo !')
 

Cette boîte de dialogue est aussi très utile lors des mises  au point de programme . Elle permet de faire apparaitre les valeurs, états que prennent les variables au cours des différentes phases du programme.
 

[ retour au début ]

La boite de saisie - prompt()  

Avec la boite de saisie, vous pouvez accroître l'interactivité avec votre visiteur et obtenir de sa part d'autres réponses que oui, non, etc. 
Cette boîte contient 2 boutons ( OK et ANNULER ( ou Cancel ) ). 

La syntaxe est simple : 

    prompt ( 'message' [,texte d'entrée par défaut] ) 
    • message   message d'invite à la saisie 
    • texte d'entrée par défaut  :   optionnel.
     
Par exemple : 
var permis = prompt ('Possédez-vous le Permis de conduire ?','Oui');

La boite de saisie ne comporte pas d'icônes et les seuls boutons sont OK et Cancel.  
La valeur ainsi entrée par le visiteur pourra être récupérée dans une variable qui sera traitée dans d'autres lignes de code JavaScript. ..Ici , dans l'exemple, c'est la variable permis qui contiendra le résultat.

 [ retour au début ]

La boite de message - confirm ())  

Elle affiche le message passé entre les parenthèses. 
Elle comporte 2 Boutons ( OK et ANNULER ( ou Cancel ) ). 

Cette méthode retourne VRAI(true) si l'utilisateur clique sur OK et FAUX(false) s'il clique sur ANNULER. 
 
La syntaxe : 

     confirm("message") 
Par exemple : 
if (confirm('Voulez-vous tester ?') 
         return true ; 
else return false;

Cette instruction appelle la méthode confirm en affichant la question ..si l'utilisateur clique sur OK ..alors on retourne la valeur true else la valeur false..
 
 [ retour au début ]
 
 
<<Page précédente
Table des Matières