Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Texte contextuel (sur un lien)

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de remplacer l'apparition de l'url du fichier visé par un lien par un texte de votre composition (une explication sur le lien par exemple.
  Principe
Une instruction simple permet d'accéder à la barre d'état du navigateur : window.status.
Pour afficher un texte lors du survol d'un lien par la souris, on fait appel à un événement géré par le JavaScript appelé 'OnMouseOver', auquel on ajoute, à destination du navigateur, l'instructuction 'return true' pour lui confirmer qu'il doit bien envoyer le résultat de son opération dans la barre d'état.
Si vous n'utilisez que cette fonction, après le survol du lien, le message reste dans la barre d'état jusqu'à ce qu'une autre information vienne la remplacer.
Pour que le message disparaisse lorsqu'on ne survole plus le lien, il suffit de faire appel à un événement géré par le JavaScript appelé 'OnMouseOut' qui se manipule comme son collègue 'OnMouseOver'.

Attention : Si vous souhaitez insérer dans le texte qui s'affichera une apostrophe ('), il faut la faire précéder d'un antislash (\) pour que le navigateur n'interprète pas cette apostrophe comme étant la fin du message.
  Le script
dans la partie <body>
<a href="fichier.html" OnMouseOver="window.status=('Mon message contextuel');return true" OnMouseOut="window.status=('');return true">Cliquez ici</a>
  Démonstration

OnMouseOver seul

OnMouseOver et OnMouseOut

  Téléchargement
Le script :
status_lien.zip
1 Ko
telechargez le script
Recherche
aide sur la recherche
hit-parade
Votez TOP Ouaibe !

statistiques
aide sur les contacts aide sur la mailing-list aide sur la newsletter