Afficher un popup : message, confirmation ou invite de saisie
Javascript dispose de 3 types de popup ou boite de dialogue pour communiquer avec l'internaute:
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.
Le boite de confirmation
La fonction confirm() affiche une boite de dialogue de confirmation. L'utilisateur a le choix entre OK et annuler.
La fenêtre 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.
- 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é.- confirm(): la boite de confirmation,
- prompt(): la fenêtre de saisie.
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>
<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>
<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 fenêtre 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>
<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>
Commentaire des internautes
 |
Quentin le 17/01/2012
Merci pour ces petits codes java script qui me sont d'un grand secours pour mon TP :) |
|
|
robbie le 27/08/2011
desolé pour le message en multiple j'ai eu un ptit beug |
|
|
robbie le 27/08/2011
marche pas le code le la boite de confirmation faut-il inclure: { dans le code ou les enlever? merci d'avance pour la réponse (si possible pas par mail merci) |
|
|
robbie le 27/08/2011
marche pas le code le la boite de confirmation faut-il inclure: { dans le code ou les enlever? merci d'avance pour la réponse (si possible pas par mail merci) |
Ajouter un commentaire
Pseudo
Adresse email
Site internet (optionnel)
Votre commentaire
| fobec |  |
| connecté le 09/05/2012 | |
| 36 ans - France Nord-Est | |
| 45 articles dans la section | |
| Contacter l'auteur | |