JavaScript Popups

Trois types de boîtes de message peuvent être créés en JavaScript : les boîtes d'alerte, les boîtes de confirmation et les boîtes de saisie.

Boîte d'alerte

Les boîtes d'alerte sont souvent utilisées pour s'assurer que les utilisateurs peuvent obtenir certaines informations.

Lorsqu'une boîte d'alerte apparaît, l'utilisateur doit cliquer sur le bouton OK pour continuer.

Syntaxe

window.alert("sometext");

window.alert()La méthode peut être utilisée directement sans l'objet window, en utilisant la méthodealert().

Exemple

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello, I am an alert box!");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="Show alert box">

</body>
</html>

Essayez-le vous-même »

Boîte de confirmation

Les boîtes de confirmation sont souvent utilisées pour vérifier s'il faut accepter les actions de l'utilisateur.

Lorsqu'une boîte de confirmation apparaît, l'utilisateur peut cliquer sur "Confirmer" ou "Annuler" pour confirmer l'action de l'utilisateur.

Lorsque vous cliquez sur "Confirmer", la boîte de confirmation renvoie true ; si vous cliquez sur "Annuler", la boîte de confirmation renvoie false.

Syntaxe

window.confirm("du texte");

window.confirm()La méthode peut être utilisée directement sans l'objet window, en utilisant la méthodeconfirm().

Exemple

var r=confirm("Appuyez sur un bouton");
if (r==true)
{
x="Vous avez appuyé sur le bouton \"OK\" !";
}
else
{
x="Vous avez appuyé sur le bouton \"Annuler\" !";
}

Essayez-le vous-même »

Boîte de saisie

Les boîtes de dialogue de type prompt sont souvent utilisées pour inviter les utilisateurs à saisir une valeur avant d'accéder à une page.

Lorsqu'une boîte de dialogue de type prompt apparaît, l'utilisateur doit saisir une valeur, puis cliquer sur le bouton Confirmer ou Annuler pour continuer.

Si l'utilisateur clique sur Confirmer, la valeur de retour est la valeur saisie. Si l'utilisateur clique sur Annuler, la valeur de retour est null.

Syntaxe

window.prompt("sometext","defaultvalue");

window.prompt()La méthode peut être utilisée directement sans l'objet window, en utilisant la méthodeprompt().

Exemple

var person=prompt("Veuillez saisir votre nom","Harry Potter");
if (person!=null && person!="")
{
x="Bonjour " + person + " ! Comment vous sentez-vous aujourd'hui ?";
    document.getElementById("demo").innerHTML=x;
}

Essayez-le vous-même »

Sauts de ligne

Les popups utilisent une barre oblique inverse + "n" (\n) pour définir des sauts de ligne.

Exemple

alert("Hello\nHow are you?");

Essayez-le vous-même »
Autres extensions