Liste des fonctions disponibles :
|
Paramètres pouvant être pris en compte :
- Fnd = couleur du fond
- Brd = couleur de la bordure
- Siz = taille du texte
- Pol = police de caractère pour le texte
- Col = couleur du texte
Ces paramètres sont fournis sous forme d'une chaîne de caractères encadrée par deux symboles "simple cote". Cette chaine de caractères regroupe tout ou partie des paramètres, dans n'importe quel ordre et séparés par des virgules.
Exemple : ShowBubble('Bonjour','Fnd=#FF00CC,Siz=9pt')
ne pas mettre d'espace avant et après le signe "=" ou la virgule !...
Les paramètres non utilisés auront une valeur par défaut qui dépendra de la fonction employée. Pour respecter le standard " W3C//DTD HTML 4.01 Transitional", cette librairie ne prend plus en compte les particularités de
Netscape 4.x avec sa balise <layer>... |
|
|
| InitBubble() |
haut de page ^ |
Description :
Initialise l'affichage des bulles d'aide.
Obligatoirement inséré dans le texte HTML avant toute utilisation de bulles d'aide !...
Utilisation des coordonnées du pointeur de la souris pour le coin haut/gauche de la bulle.
|
| ShowBubble(Txt,Prm) |
haut de page ^ |
Description :
Affiche une bulle d'aide contenant le texte Txt.
Les caractéristiques de la bulle sont définies par Prm.
Txt peut contenir des balise HTML...
Valeurs par défaut :
- Fnd = #FFFFCC (jaune clair)
- Brd = #000000 (noir)
- Siz = 8pt;
- Pol = \"MS Sans Serif\",Verdana,sans-serif
- Col = #000000 (noir)
Exemples :
- bulle standard : déplacez la souris ici
- bulle personnalisée : déplacez la souris ici
|
| HideBubble() |
haut de page ^ |
Description :
Cache la bulle d'aide.
|
exemple complet de code Html :
En passant la souris sur les liens xxx, le visiteur fait apparaître puis disparaître une bulle d'aide ... Utilisation d'une chaîne de caractère (Bul)
comme paramètre pour la deuxième fonction ShowBubble...
|
<html>
<head>
<script type="text/javascript" src="PlrBull.js"></script>
</head>
<body>
<script type="text/javascript">
InitBubble()
Bul='Fnd=#FF0000,Brd=#0000FF,Col=#FFFF00,Siz=12pt,Pol=Courier New'
</script>
<a
href='#1'
onmouseover=ShowBubble('L\'élémentaire<br>est ici...')
onmouseout=HideBubble()>Lien avec couleurs par défaut<a>
<br>
<a
href='#2'
onmouseover=ShowBubble('L\'élémentaire<br>est ici...',Bul)
onmouseout=HideBubble()>Lien avec couleurs personnalisées<a>
</body>
</html>
|
remarque : le texte dans la bulle peut contenir des balises HTML telles que
- <br> pour un retour chariot
- <b>Xxx</b> pour mettre Xxx en caractères gras
- <i>Xxx</i> pour mettre Xxx en italique
- <font color=#FF0000>Xxx</font> pour colorer Xxx en rouge
- etc...
Si vous avez besoin d'utiliser le caratère ' ou le caractère " dans le texte, il faut obligatoirement le faire précéder du caractère \ :
'...L\'élément \"Guillemet\"...'
|
| |