<< Retour au sommaire

 

 

La méthode Alert

 

 

 

La méthode Alert permet d’afficher un message à l’écran dans une nouvelle fenêtre.

 

En plus du message, un bouton est placé dans la fenêtre, il s’agit du bouton « Ok ».

 

La syntaxe :

window.alert(« message »);

 

La description :

Message est une chaîne de caractère ou une variable.

Dans le cas de l’utilisation d’une chaîne de caractères, vous devez placer cette dernière entre guillemets.

 

Voici un exemple très simple qui ouvre un message « alert » dès l’ouverture d’une page :

 

<html>

<head>

<title> bonjour </title>

</head>

<body>

<script type=«text/javascript»>

window.alert("Bienvenue sur ce super site !");

</script>

<p>Maintenant vous êtes sur la première page du site et vous venez de valider le message de la méthode Alert...</p>

</body>

</html>

 

Le paramètre « Message » de la méthode « alert » accepte les concaténations de chaînes de caractères et de variables !

 

Il vous suffit d’utiliser le signe « + » « plus » afin de concaténer.

 

En reprenant l’exemple ci-dessus, nous allons cette fois concaténer la variable « Prenom » dans le message.

 

<html>

<head>

<title> bonjour </title>

</head>

<body>

<script type=«text/javascript»>

var prenom = "toto";

window.alert("Bienvenue "+prenom+" sur ce super site !");

</script>

<p>Maintenant vous êtes sur la première page du site et vous venez de valider le message de la méthode Alert...</p>

</body>

</html>

 

Vous devez utiliser le symbole \n « backslash » « n » pour réaliser un saut de ligne dans le texte affiché par la boîte de message « alert ».

Voici un exemple qui affichera le message sur 3 lignes :

 

<html>

<head>

<title> bonjour </title>

<script type=«text/javascript»>

function Afficher(formulaire) {

alert("Bonjour,\nVotre nom est :\n"+document.formulaire.nom.value); }

</script>

</head>

<body>

<form name="formulaire">

<pre>

<label for="nom">

Veuillez entrer votre nom :<br />

</label>

<input type="text" id="nom" name="nom" />

<input type="submit" value="Go" OnClick="Afficher(formulaire)" />

</pre></form>

</body>

</html> 

 

Philippe BOULANGER