JavaScript Boîtes Popup
JavaScript dispose de trois types de boîtes de pop-up: case d'alerte, Confirmer boîte, et la boîte d'invite.
Boîte d'alerte
Une boîte d'alerte est souvent utilisé si vous voulez s'assurer que l'information passe par l'utilisateur.
Quand un message d'alerte s'affiche, l'utilisateur devra cliquer sur «OK» pour continuer.
Syntaxe
alert("sometext");
Exemple
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function myFunction()
{
alert("I am an alert box!");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="Show alert box" />
</body>
</html>
<html>
<head>
<script type="text/javascript">
function myFunction()
{
alert("I am an alert box!");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="Show alert box" />
</body>
</html>
Essayez vous-même »
Confirmez 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 sur «OK» ou sur «Annuler» pour continuer.
Si l'utilisateur clique sur «OK», la boîte retourne true. Si l'utilisateur clique sur "Annuler", la boîte retourne false.
Syntaxe
confirm("sometext");
Exemple
var r=confirm("Press a button");
if (r==true)
{
x="You pressed OK!";
}
else
{
x="You pressed Cancel!";
}
if (r==true)
{
x="You pressed OK!";
}
else
{
x="You pressed Cancel!";
}
Essayez vous-même »
Boîte Prompt
Une fenêtre de confirmation est souvent utilisé si vous voulez que l'utilisateur d'entrer une valeur avant d'entrer dans une page.
Quand une boîte de confirmation apparaît, l'utilisateur devra cliquer soit sur «OK» ou sur «Annuler» pour poursuivre après la saisie d'une valeur d'entrée.
Si l'utilisateur clique sur «OK» de la boîte renvoie la valeur d'entrée. Si l'utilisateur clique sur "Annuler" dans la case renvoie null.
Syntaxe
prompt("sometext","defaultvalue");
Exemple
var name=prompt("Please enter your name","Harry Potter");
if (name!=null && name!="")
{
x="Hello " + name + "! How are you today?";
}
if (name!=null && name!="")
{
x="Hello " + name + "! How are you today?";
}
Essayez vous-même »
Les sauts de ligne
Pour afficher les sauts de ligne l'intérieur d'une boîte de popup, utilisez une barre oblique suivie par le caractère n.
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT