BOITE DE DIALOGUE ET MOUSEOVER |
Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet
Descriptif : voilà un effet de MouseOver sur liens du plus bel effet. Le passage sur un lien va ouvrir une petite fenête, à la façon de la balise ALT en HTML, mais de façon plus persistante. Entièrement paramétrable, ce script vous permet des fonctions non disponibles sur d'équivalants de la même catégorie.
Exemples : Lien et MouseOver
Mise en oeuvre :
1°) Sélectionnez et copiez directement à
l'écran le code ci-dessous et collez-le dans le Bloc-notes (Notepad)
puis, enregistrez-le sous le nom alttxt.js. Placez ce fichier
de préférence à la racine du site.
2°) Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible. Editez ici les attributs du script.
Entre les deux balises <head> et </head>
3°) Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.
Entre les deux balises <head> et </head> juste avant <body>
Ajustez le chemin de alttxt.js suivant l'endroit où se trouve votre page qui contient la ligne ci-dessus.
4°) Sélectionnez et copiez directement à
l'écran le code ci-dessous et collez-le, code HTML visible, à la fin de votre page,
juste avant la balise </body>.
N'éditez ici, si vous le désirez, que l'attribut padding (fonctionne
seulement sur IE4+ et NS6+). Ne touchez pas à l'attribut du 2)° de <style
type="text/css">, NS4 pouvant poser problème.
Entre les deux balises <body> et </body>
5°) Ajoutez, de la façon suivante, en rouge,
l'effet de MouseOver sur les liens où vous voulez que l'effet se produise :
<a href="http://un_domaine.com" onmouseover="writetxt('Visitez
mon site')"
onmouseout="writetxt(0)">TEXTE</a>
Vous pouvez aussi mettre cet effet sur les balises IMG, SPAN,
DIV etc. mais Netscape4 n'y sera pas sensible, sans toutefois causer une
erreur.
Il y a 6 paramètres ajustables dans le fichier alttxt.js. Pour un réglage à votre convenance, éditez ce fichier dans le Bloc-notes.
Vous pouvez empêcher la fenêtre de disparaître lorsque la souris quitte un lien en
omettant la partie onmouseout="writetxt(0)".
Le meilleur résultat est obtenu lorsque mousefollow est désactivé
(commuté sur " false "). Autrement, la fonction onmouseout="writetxt(0)"
est requise.
Remarques : Ecriture à l'intérieur de la
fenêtre
Démonstration : LIEN VISIBLE DANS LA PAGE
Regardez dans la barre de status, en bas à gauche, l'affichage des liens correspondants.
Copyright www.toulouse-renaissance.net ©