Les différents messages en javascript


Javascript propose 3 types de messages pour communiquer avec le visiteur.
Cliquez sur les boutons pour en voir des exemples.
1 - Message d'information
Permet simplement d'afficher un texte au visiteur

2 - Question
Permet de poser une question au visiteur qui peut répondre par Oui ou Non

3 - Saisie de texte
Permet au visiteur de saisir un texte dans une boîte de dialogue

<Head>

<SCRIPT LANGUAGE="JavaScript">

function msg1() {
// affiche un message au visiteur
alert("Message affiché grâce à la fonction javascript alert");
}

function msg2() {
// pose une question au visiteur
if (confirm("Voici un message obtenu par la fonction javascript confirm")) {
alert("Vous avez cliqué sur OK");
} else {
alert("Vous avez cliqué sur Annuler");
}
}

function msg3() {
// ouvre une boite de saisie
var resultat=prompt("Saisissez un texte","texte par défaut");
if (resultat==null) {
alert("Vous avez cliqué sur Annuler");
} else {
alert("Vous avez saisi ["+resultat+"]");
}
}


</SCRIPT>

</head>

 

 

<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="#000000">

<CENTER><BIG>Les différents messages en javascript</BIG></CENTER>
<BR><BR>
Javascript propose 3 types de messages pour communiquer avec le visiteur.<BR>
Cliquez sur les boutons pour en voir des exemples.<BR>
<FORM>

1 - Message d'information <INPUT type='button' onClick='msg1()' value="Voir un message"><BR>
Permet simplement d'afficher un texte au visiteur

<BR><BR>
2 - Question <INPUT type='button' onClick='msg2()' value="Voir une question"><BR>
Permet de poser une question au visiteur qui peut répondre par Oui ou Non
<BR><BR>

3 - Saisie de texte <INPUT type='button' onClick='msg3()' value="Saisir dans une boîte de dialogue"><BR>
Permet au visiteur de saisir un texte dans une boîte de dialogue

</FORM>

<BR>
</FONT>
<div align="center">
<table border="1" width="63%" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: 1px solid #000080">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</div>

</BODY>