Fenêtre d'alerte sur un objet

Il peut être intéressant d'attirer, de manière péremptoire, l'attention du visiteur d'un site.

La bulle d'information affichée au passage de la souris (dont vous avez eu la description dans une page précédente) est une méthode "douce" pour arriver à ce résultat. Elle peut avoir néanmoins, pour certains, l'inconvénient de ne pas être suffisamment "musclée". Sa caractéristique secondaire réside dans une relative lenteur d'affichage.

Le script suivant remédie à ces deux inconvénients. Passez, avec votre souris, sur l'image affichée ci-dessus.

L'apparition de cette fenêtre rappelle celle que génère votre navigateur lorsqu'il vous envoie un message d'erreur ... cardiaques s'abstenir. Il est en effet toujours un peu stressant de voir afficher un message en plein milieu de l'écran, à la vitesse de l'éclair ! Mais voilà : c'est le but d'un tel script ... et il est bien atteint !

Il est très simple dans sa conception et tout autant dans sa réalisation :

<P><A HREF="#" onmouseover ="alert('Attention ! il existe des informations complémentaires à propos de cet objet')">

<IMG SRC="../diapos/banpub3.gif" WIDTH=118 HEIGHT=39></A></P>



Vous l'insèrerez, en code source, à l'endroit où vous désirez faire apparaître l'objet.

A HREF est l'adresse fictive d'un lien sur la page affichée et nécessaire au centrage (voir ci-dessous).

Le texte en italique sera le message que vous désirez faire afficher dans la fenêtre.

IMG SRC est l'adresse de l'objet qui déclenchera l'affichage de la fenêtre au passage de la souris.

WIDTH et HEIGHT : vous connaissez désormais, inutile d'approfondir (ou alors vous n'avez pas suivi !)

L'écriture d'une adresse fictive permet de centrer le déclenchement sur l'objet : si vous l'omettez (par exemple en écrivant<P onmouseover ...></P>l'affichage de la fenêtre sera déclenché par le passage de la souris sur toute la largeur de la page ... ce qui n'est pas le but de la manoeuvre.

La commande onmouseover est désormais devenue un attribut à part entière de Html et ne nécessite donc pas l'usage de Javascript dans le cas présent. Alert est quant à elle une fonction prédéfinie correspondant à l'affichage d'une fenêtre d'alerte générée par les navigateurs.

 

Comme pour toutes les fenêtres d'alerte, usez de cette technique avec prudence : elle énerve !