Derniers tutoriels de développement web
 

JavaScript Popup Boxes


JavaScript a trois types de boîtes automatiques: boîte d'alerte, zone Confirmer, et la boîte d'invite.


Alert Box

Un message d'alerte est souvent utilisé si vous voulez vous assurer que l'information vient par le biais de l'utilisateur.

Quand un message d'alerte apparaît, l'utilisateur devra cliquer sur "OK" pour continuer.

Syntaxe

window.alert("sometext");

Le window.alert() méthode peut être écrite sans le préfixe de la fenêtre.

Exemple

alert("I am an alert box!");
Essayez - le vous - même »

Confirmer Box

Une boîte de confirmation est souvent utilisé si vous voulez que l'utilisateur de vérifier ou d'accepter quelque chose.

Quand une boîte de confirmation apparaît, l'utilisateur devra cliquer soit "OK" ou "Cancel" pour continuer.

Si l'utilisateur clique sur "OK" , la boîte retourne vrai. Si l'utilisateur clique sur "Cancel" , la boîte retourne false.

Syntaxe

window.confirm("sometext");

Le window.confirm() méthode peut être écrite sans le préfixe de la fenêtre.

Exemple

var r = confirm("Press a button");
if (r == true) {
    x = "You pressed OK!";
} else {
    x = "You pressed Cancel!";
}
Essayez - le vous - même »

Box Prompt

Une boîte d'invite est souvent utilisé si vous voulez que l'utilisateur d'entrer une valeur avant d'entrer dans une page.

Lorsqu'une boîte de confirmation apparaît, l'utilisateur devra cliquer soit "OK" ou "Cancel" pour continuer après la saisie d' une valeur d'entrée.

Si l'utilisateur clique sur "OK" la boîte renvoie la valeur d'entrée. Si l'utilisateur clique sur "Cancel" la boîte retourne null.

Syntaxe

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

Le window.prompt() méthode peut être écrite sans le préfixe de la fenêtre.

Exemple

var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
Essayez - le vous - même »

Sauts de ligne

Pour afficher les sauts de ligne dans une boîte popup, utilisez une barre oblique inverse suivie par le caractère n.

Exemple

alert("Hello\nHow are you?");
Essayez - le vous - même »