overLIB

 

    Manuel    (page 2)
   

Autres exemples où l'imagination est la seule limite.

     
    par Erik BOSRUP       (traduit par andré MOREAUX)
   

 

Une fenêtre simple.

    <a href="javascript:void(0);" onMouseOver="return overlib('Oh ! Oh ! Surprise...');" onMouseOut="return nd();">Une
fen&ecirc;tre simple</a>
   

 

Une fenêtre avec un sous titre.

    <a href="javascript:void(0);" onMouseOver="return overlib('... et le texte en suite !', CAPTION, 'Le sous titre ici...');" onMouseOut="return nd();">Une fen&ecirc;tre avec un sous titre</a>
   

 

La fenêtre peut être placée à une position fixe dans la page

    <a href="javascript:void(0);" onMouseOver="return overlib('La fenêtre est située à une position fixe dans la page.<br>Elle est à 350 pixels du coté droit et à 150 pixels du haut de la page', FIXX, 350, FIXY, 150)" onMouseOut="return nd();">&agrave; une position fixe dans la page</a>
   

 

Il est possible de cliquer le lien.

    <a href="javascript:void(0);" onMouseOver="return overlib('Cliquer sur le lien...');" onClick="return overlib('Il reste là en attente de fermeture !', STICKY, CAPTION, 'Sous titre');" onMouseOut="return nd();">cliquer</a>
   

 

La fenêtre peut contenir du texte html, ici une liste.

    <a href="javascript:void(0);" onMouseOver="return overlib('Par exemple, une liste :<UL><LI>Item 1<LI>Item 2<LI>Item 3</UL>');" onMouseOut="return nd();">html</a>
   

 

La fenêtre peut être placée à gauche de la souris.

    <a href="javascript:void(0);" onMouseOver="return overlib('La main de la souris est à droite!', LEFT);" onMouseOut="return nd();">&agrave; gauche de la souris</a>
   

 

La fenêtre peut être placée à distance de la souris

    <a href="javascript:void(0);" onMouseOver="return overlib('La fenêtre est à 20 pixels à droite et 20 pixels au dessous de la souris.', SNAPX, 20, SNAPY, 20)" onMouseOut="return nd();">&agrave; distance de la souris</a>
   

 

Image de cadre avec fond semi-transparent
On place le texte suivant à l'endroit du lien

   

<a href="javascript:void(0);" onMouseOver="return overlib('<b>Image de cadre avec fond semi-transparent.</b>', TEXTCOLOR, '#ffffff', TEXTSIZE, 2, WIDTH, 250, HEIGHT, 120, BACKGROUND, 'transboxblue.gif', PADX, 60, 20, PADY, 20, 20);" onMouseOut="return nd();">Image de cadre avec fond semi-transparent</a>

   

 

Créer une fenêtre au dessus et à gauche du curseur de la souris!
On place le texte suivant à l'endroit du lien

    <a href="javascript:void(0);" onMouseOver="return overlib('Fenêtre 10 pixels au dessus et à gauche du curseur.', HEIGHT, 40, LEFT, ABOVE, SNAPX, 10, SNAPY, 10)" onMouseOut="return nd();">Cr&eacute;er une fen&ecirc;tre au dessus et &agrave; gauche du curseur de la souris!</a>
   

 

Accepte le code html
 

     <a href="javascript:void(0);" onMouseOver="return overlib('<b><font color=\'#0066FF\' face=\'Courier,Verdana,Arial,Helvetica\'>Pas de bordure ni d\'image !</font></b>', FULLHTML)" onMouseOut="return nd();">Accepte
le code html</a>
   

 

Différentes fontes and couleurs
 

    <a href="javascript:void(0);" onMouseOver="return overlib('Utilisation de différentes couleurs et fontes.', CAPTION, 'Le sous-titre', FGCOLOR, '#99FF99', BGCOLOR, '#339900', BORDER, 4, CAPTIONFONT, 'arial', TEXTFONT, 'Courier', TEXTSIZE, 5)" onMouseOut="return nd();">Diff&eacute;rentes fontes and couleurs</a>
   

 

Il est possible d'inclure du Html dans la fenêtre
 

    <a href="javascript:void(0);" onMouseOver="return overlib('<a href=\'http://www.bosrup.com/web/overlib/\'>cliquer sur ce lien vers \'overLIB\'</a>', STICKY);" onMouseOut="return nd();">Il est possible d'inclure du Html dans la fen&ecirc;tre</a>
     
   

Popups by overLIB!

_________________________________