Aller au contenu

JavaScript : Afficher un PopUp (ou message Box)

Franchement le Javascript n’est pas compliqué et super pratique


Alerter

Définition alert()

Voici la commande :

 alert("voici un Pop up / ou messagebox");

Bon il vous suffit d’avoir une page HTML ou de la créer avec l’exemple ci-dessous (vous remplacez l’extension d’un simple fichier txt par html )

test.txt <<<<< test.html

Exemple:

<!doctype html>
<html>

<head>
 <meta charset="utf-8">
 <title>Présentation</title>
</head>

<body>
 <script type="text/javascript">
 alert("voici un Pop up / ou messagebox");
 </script>
</body>

</html>

Ouvrez votre fichier HTML avec votre navigateur :

JS_popup

Cool hein ?

Bon le mieux et d’avoir une fichier Javascript dédié que l’on appel en HTML

Mais si vous en êtes la va falloir suivre quelque tuto de javascript & HTML  🙂


Confirmer

Définition confirm()

La méthode javascript confirm(texte) permet d’avertir l’utilisateur en ouvrant un boite de dialogue avec deux choix « OK » ou « Annuler ».

La méthode javascript confirm(texte) accepte comme argument :
texte, valeur de type String qui correspond au texte à afficher dans la boite de dialogue.
La méthode javascript confirm() renvoie comme valeur :
true, si on a cliqué sur « ok »
false, si on a cliqué sur « Annuler »

On l’écrit :

<!doctype html>

 <html>

<head>
 <meta charset="utf-8">
 <title>Présentation</title>
 </head>

<body>
 <script type="text/javascript">
 confirm("Est-ce que tu confirmes cela ?")
 </script>
 </body>

</html>
JS_Confirme
On teste la valeur comme ceci :

<!doctype html> <html>

<head>
<meta charset= »utf-8″>
<title>Présentation</title>
</head>

<body>
<script type= »text/javascript »>
     if (confirm(« Est-ce que tu confirmes cela ? »)

{

    alert(« Super ,Tu as Confirmé ! »);      

}      

else
{

     alert(« Arf , tu n’as pas confirmé »);      

}

</script>

</body>

</html>


Demander

Définition prompt()

La méthode javascript prompt(texte,saisie) permet de demander à l’utilisateur de nous donner une informations.

La boite de dialogue est composé de deux bouton « OK » ou « Annuler » et une zone de saisie.

<!doctype html>
 <html>

<head>
 <meta charset="utf-8">
 <title>Présentation</title>
 </head>

<body>
 <script type="text/javascript">
var Reponse = prompt("Quel est ton nom ?");
 alert("tu t'appels " +Reponse);

</script>
 </body>

</html>
JS_promptJS_Prompt2

Télécharger un fichier html contenant les 3 exemples :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *