Lien utile

Tutoriel sur le JavaScript - Popup de Confirmation

Tous niveaux


Tutoriel écrit par LaurentG alias KOogar le 31 Mars 2009


La fonction Confirmer de JavaScript est très similaire à la fonction d'alerte de JavaScript. Une petite boîte de dialogue s'ouvre et apparaît en face de la page Web actuellement en cible. La boîte Confirmer est différente de la boîte d'alerte. Elle fournit aux utilisateurs un choix; Il peuvent soit appuyer sur OK pour confirmer le message ou ils peuvent taper sur Annuler et ne pas accepter la demande.
La Confirmation est le plus souvent utilisée pour confirmer une des actions importantes qui a lieu sur un site Web. Par exemple, elles peuvent être utilisées pour confirmer une commande ou notifier les visiteurs qu'ils cliquent sur un lien qui va les amener à un autre site Web.


Sommaire :




Popup de Confirmation



Exemple de Confirmation

Voici ci-dessous un exemple de la façon dont vous pouvez utiliser une boîte de dialogue de confirmation pour avertir les utilisateurs de quelque chose, en leur donnant la possibilité soit de continuer ou de rester sur la page.

.01
.02
.03
.04
.05
.06
.07
.08
.09
.10
.11
.12
.13
.14
.15
.16
.17
.18
.19
.20
.21
.22
.23
.24
  <html>
<head>
<script type="text/javascript">
<!--
function confirmation() {
    var reponse = confirm("Quitter le site?")
    if (reponse){
        alert("ciao ciao!")
        window.location = "http://www.google.fr/";
    }
    else{
        alert("Merci de rester avec nous!")
    }
}
//-->
</script>
</head>
<body>
<form>
<input type="button" onclick="confirmation()" value="Quitter le site">
</form>
</body>
</html>
Comment ca marche ?
Nous appelons la fonction Confirmer avec le message "Quitter le site?". JavaScript crée ensuite une fenêtre popup comprenant deux choix et retournera une valeur au script en fonction du bouton du choix que l'utilisateur aura fait.

Si l'utilisateur clique sur OK, une valeur de 1 est retournée. Si l’utilisateur clique sur annuler, une valeur de 0 est retournée .. Nous conservons cette valeur dans reponse en l’égalisant avec la fonction d'appel confirmation().

Après que reponse est stocké la valeur, alors nous utilisons reponse comme une instruction conditionnelle. Si reponse est tout sauf 0, alors nous enverrons l'utilisateur hors du site. Si reponse est égal à 0, nous allons garder l'utilisateur sur le site parce qu'il a cliqué sur le bouton Annuler.

Dans les deux cas, nous avons une boîte d'alerte JavaScript qui apparaît pour informer l'utilisateur sur ce qui va se passer. Le message dira: "ciao ciao!" s’il choisit de quitter et, "Merci de rester avec nous!" s’il choisit de rester sur le site.



Les fenêtres popup << --+-- >>