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