Barre d'état - status. Outils webmaster. Trucs et astuces html javascript

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : La barre d'état (status bar) permet au surfeur de visualiser l'adresse du lien que survole le pointeur de sa souris. De ce fait elle a une valeur de renseignement non négligeable. On peut aussi y afficher un message afin de montrer un texte d'information que vous ne souhaitez pas mettre dans la page. Mais l'affichage de celui-ci va plus ou moins masquer le renseignement sur l'adresse du lien. Ne pas oublier que le surfeur peut être agacé par cette occultation d'information ainsi que par une animation constante. Il y a différentes manières d'afficher ce texte mais pour cela il faut que votre barre d'état soit active. Modifiez éventuellement les options d'affichage de votre navigateur.

Exemple 1 : regardez en bas de votre écran. Le texte disparait lors du survol d'un lien.

Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.

<script language="JavaScript">

</script>

Dans les autres exemples, une fenêtre va s'ouvrir. Elle montrera le code en action ainsi que la source.

Exemple 2 : le message vient s'inscrire lettre par lettre. Cliquez ici
Exemple 3 : deux messages viennent s'inscrire alternativement. Cliquez ici
Exemple 4 : le survol du pointeur de la souris sur un lien inscrit un message dans la barre d'état. Cliquez ici
Exemple 5 : le message dans la barre d'état ne change pas même si vous passez au-dessus d'un lien. Cliquez ici
Exemple 6 : cacher le message pour un lien. Cliquez ici
Exemple 7 : cacher le message pour tous les liens. Cliquez ici
Exemple 8 : le message s'affiche comme une machine à écrire. Cliquez ici
Exemple 9 : le survol d'un lien fait apparaître un message qui se décrypte. Cliquez ici
Exemple 10 : un message défilant. Cliquez ici
Exemple 11 : les coordonnées du pointeur de la souris s'affichent dans la barre d'état. Cliquez ici
Exemple 12 : ce n'est plus la barre d'état mais la barre de titre ou s'affiche un message défilant. Cliquez ici
Exemple 13 : un message qui flashe. Cliquez ici
Exemple 14 : un message fixe plus un défilant. Cliquez ici
Exemple 15 : la date et l'heure dans la barre d'état. Cliquez ici
Exemple 16 : plusieurs messages. Cliquez ici
Exemple 17 : le temps de chargement de la page s'affiche dans la barre d'état. Cliquez ici
Exemple 18 : un message s'affiche dans la barre d'état en allant à gauche/droite/gauche. Cliquez ici