Vous êtes ici Tutoriel Les alertes

Lien utile

Tutoriel sur le JavaScript - Les alertes

Tous niveaux


Tutoriel écrit par LaurentG alias KOogar le 3 Mars 2009


Si JavaScript n’est pas activé dans votre navigateur, vous avez peut-être été en mesure d'éviter les "alertes" dans vos aventures sur Internet. L’alerte en JavaScript est une boîte de dialogue qui surgit et forçe le navigateur Web à lire le message.
Vous avez peut-être remarqué que vous n'avez vu pas d'alerte JavaScript apparaître lorsque vous avez consulté cette page. C'est le cas parce que cela serait de mauvais goût de la part d’un concepteur Web. Voyez-vous, les alertes devraient être très, très rarement utilisées et même alors, les idées directrices suivantes devraient être considérées lors de leur utilisation.


Sommaire :




Les alertes



Quand utiliser des Alertes ou des popup ?

Les alertes JavaScript sont idéales dans les situations suivantes:
- Si vous voulez être absolument sûr qu'un utilisateur voit un message avant de faire quoi que ce soit sur le site.
- Vous souhaitez mettre en garde l'utilisateur contre un problème quelconque. Par exemple, "la page suivante contient un humour qui ne convient pas aux moins de 16 ans."
- Une erreur s'est produite et vous voulez en informer l'utilisateur.
- Lorsque l'on demande aux utilisateurs confirmation de certaines actions. Par exemple, s’ils viennent juste d’accepter de signer l'acte d’achat de leur maison et que vous vouliez leur demander s’ils sont tout à fait certains de vouloir confirmer cette décision!
Bien que les situations décrites ci-dessus justifient l’emploi de la fonction d'alerte, il est préférable d’éviter les menus fugitifs d’alerte et d’utiliser simplement un message d'erreur, de confirmation, etc., s'affichant en HTML. De plus en plus de sites plus importants choisissent de ne plus utiliser les alertes de JavaScript et leur préfèrent HTML.

Le code d’une Alerte Simple

Juste pour le fun, supposons que nous voulons créer une alerte pour un certain site Web qui invite les gens à leur remettre l'acte d’achat de leur maison. Nous avons besoin d'ajouter une alerte pour être sûr que ces gens sont d'accords. Le code suivant va ajouter une alerte à l'aide d'un bouton HTML et de l'évènement onClick.

.01
.02
.03
.04
.05
.06
  <form>
<input type="button" onclick=
"alert('Etes-vous certain de vouloir nous remettre l’acte d’achat de votre maison?')"
value="Confirmation Alert">
</form>
La chaîne de caractères qui apparaît entre les signes de citation, représente ce qui sera imprimé à l'intérieur de la zone d'alerte lorsque l'utilisateur clique sur le bouton.