Les boîtes de dialogue en Javascript
Javascript dispose de 3 types de popup ou boite de dialogue pour communiquer avec l'internaute:alert(): le message d'alerte,
confirm(): la boite de confirmation,
prompt(): la fenêtre de saisie.
Pour ces 3 fonctions, le saut à la ligne s'obtient en insérant n dans le texte affiché.
Exemple: alert("premiere ligne n deuxieme ligne");
Le message d'alerte
La fonction alert() affiche un message à l'utilisateur en général pour communiquer une information ou signaler une erreur.<html>
<head>
<script type="text/javascript">
function showError()
{
alert("La valeur saisie n'est pas valide !!!");
}
</script>
</head>
<body>
<input type="button" onclick="showError()" value="Signaler une erreur">
</body>
</html>
Le boite de confirmation
La fonction confirm() affiche une boite de dialogue de confirmation. L'utilisateur a le choix entre OK et annuler.<html>
<head>
<script type="text/javascript">
function showConfirm()
{
var answer=confirm("Continuer l'operation en cours ?");
if (answer==true)
{
alert("Vous avez clique sur OK");
}
else
{
alert("Vous avez clique sur Annuler");
}
}
</script>
</head>
<body>
<input type="button" onclick="showConfirm()" value="Proposer le choix" />
</body>
</html>
La fenetre de saisie
La fonction prompt() permet de saisir une valeur, le premier paramètre est l'invite à saisir du texte, le deuxième paramètre propose un texte par défaut.<html>
<head>
<script type="text/javascript">
function showPrompt()
{
var answer=prompt("Identification, veuillez saisir votre prenom","mon prenom");
if (answer!=null && answer!="")
{
alert("Votre prenom est :"+answer);
} else {
alert("Operation interrompue")
}
}
</script>
</head>
<body>
<input type="button" onclick="showPrompt()" value="Saisir mon prenom" />
</body>
</html>
Si l'on souhaite personnaliser le graphisme des boites de dialogue, les lightbox sont également un bon choix. La fenêtre sera également affichée en premier plan à l'internaute et le contenu pourra être personnaliser à souhait par exemple avec un formulaire de saisie.
