{popup} est utilisé pour créer une fenêtre popup javascript.
{popup_init}
DOIT être appelé en premier pour que cela fonctionne.
| Nom attribut | Type | Requis | Defaut | Description |
|---|---|---|---|---|
| text | chaîne de caractères | Oui | n/a | Le texte/code html à afficher dans la popup |
| trigger | chaîne de caractères | Non | onMouseOver | L'évènement utilisé pour rendre la popup active, onMouseOver ou onClick. |
| sticky | booléen | Non | FALSE |
Rends la popup active jusqu'a ce qu'elle soit explicitement fermée. |
| caption | chaîne de caractères | Non | n/a | Défini le libellé du titre |
| fgcolor | chaîne de caractères | Non | n/a | Couleur interne de la popup |
| bgcolor | chaîne de caractères | Non | n/a | Couleur de la bordure de la popup |
| textcolor | chaîne de caractères | Non | n/a | Couleur du texte à l'intérieur de la popup |
| capcolor | chaîne de caractères | Non | n/a | Couleur du libellé de la popup |
| closecolor | chaîne de caractères | Non | n/a | Couleur du texte de fermeture |
| textfont | chaîne de caractères | Non | n/a | La police à utiliser dans le texte principal |
| captionfont | chaîne de caractères | Non | n/a | La police à utiliser dans le libellé |
| closefont | chaîne de caractères | Non | n/a | La police pour le texte de fermeture |
| textsize | chaîne de caractères | Non | n/a | Taille de la police texte prinicpal |
| captionsize | chaîne de caractères | Non | n/a | Taille de la police du libellé |
| closesize | chaîne de caractères | Non | n/a | Taille de la police du bouton "fermer" |
| width | entier | Non | n/a | Longeur de la popup |
| height | entier | Non | n/a | Hauteur de la popup |
| left | booléen | Non | FALSE |
La popup va à gauche de la souris |
| right | booléen | Non | FALSE |
La popup va à droite de la souris |
| center | booléen | Non | FALSE |
La popup est centrée par rapport à la position de la souris |
| above | booléen | Non | FALSE |
la popup est au dessus de la souris. NOTE: possible uniquement si la hauteur est définie |
| below | booléen | Non | FALSE |
La popup apparait en dessous de la souris |
| border | entier | Non | n/a | Rends la bordure de la popup plus épaisse ou plus fine |
| offsetx | entier | Non | n/a | A quelle distance du curseur la popup apparaitra horizontalement. |
| offsety | entier | Non | n/a | A quelle distance du curseur la popup apparaitra verticalement. |
| fgbackground | url vers l'image | Non | n/a | Une image à utiliser à la place de la couleur de fonds dans la popup |
| bgbackground | url vers l'image | Non | n/a | Image à utiliser à la place de la bordure de la popup. NOTE: vous veillerez à définir bgcolor à "" ou la couleur apparaitra de même. NOTE: Lorsque vous avez un lien de fermeture, Netscape effectuera un nouveau rendu des cellules du tableau, affichant mal les éléments |
| closetext | chaîne de caractères | Non | n/a | Définit le texte de fermeture par autre chose que "Close" |
| noclose | booléen | Non | n/a | N'affiche pas le bouton "Close" pour les fenêtres "collantes". |
| status | chaîne de caractères | Non | n/a | Défini le texte de la barre de statut du navigateur |
| autostatus | booléen | Non | n/a | Défini le texte de la barre de statut au contenu de la popup. NOTE: Ecrase l'attribut status. |
| autostatuscap | chaîne de caractères | Non | n/a | Défini le texte de la barre de statut au libellé de la popup. NOTE: Ecrase l'attribut status. |
| inarray | entier | Non | n/a | Indique à overLib de lire le texte à cet index dans le tableau ol_text, situé dans overlib.js. Ce paramètre peut être utilisé à la place de text. |
| caparray | entier | Non | n/a | Indique à overlib de lire le libellé depuis le tableau ol_caps |
| capicon | url | Non | n/a | Affiche l'image spécifiée avant le libellé de la popup |
| snapx | entier | Non | n/a | Aligne la popup sur une grille horizontale |
| snapy | entier | Non | n/a | Aligne la popup sur une grille verticale |
| fixx | entier | Non | n/a | Vérrouille la popup à une position horizontale. Note: remplace les autres paramètres de position horizontale |
| fixy | entier | Non | n/a | Vérouille la popup à une position verticale Note: remplace les autres paramètres de position verticale |
| background | url | Non | n/a | Défini l'image à utiliser plutôt que le tableau de fond |
| padx | entier, entier | Non | n/a | Écarte l'image de fond du reste des éléments avec un espace horizontal, pour le positionnement du texte. Note: c'est un attribut à deux paramètres. |
| pady | entier, entier | Non | n/a | Écarte l'image de fond du reste des éléments avec un espace vertical, pour le positionnement du texte. Note: c'est un attribut à deux paramètres. |
| fullhtml | booléen | Non | n/a | Vous autorise à placer du code html en tant que contenu de la popup. Le code html est attendu dans l'attribut text. |
| frame | chaîne de caractères | Non | n/a | Contrôle la popup dans un cadre différent. Voir la documentation d'overlib pour plus de détails sur cette fonction. |
| function | chaîne de caractères | Non | n/a | Appelle la fonction javascript spécifiée et prends sa valeur de retour comme texte devant être affiché dans la popup. |
| delay | entier | Non | n/a | La popup se comporte comme une infobulle. Elle disparaitra au bout d'un certain délai, en millisecondes. |
| hauto | booléen | Non | n/a | Détermine automatiquement si la popup doit être à gauche ou à droite de la souris |
| vauto | booléen | Non | n/a | Détermine automatiquement si la popup doit être au-dessus ou au-dessous de la souris |
Example 8.25. {popup}
{* popup_init doit être appelé en haut de votre page *}
{popup_init src='/javascripts/overlib.js'}
{* création d'un lien avec une popup qui apparait sur l'évènement onMouseOver *}
<A href="mypage.html" {popup text='Ce lien vous amène sur ma page!'}>mypage</A>
{* vous pouvez utiliser du html, des liens, etc. dans vos popup *}
<a href="mypage.html" {popup sticky=true caption='Contenu de la page'
text="<ul><li>links</li><li>pages</li><li>images</li></ul>"
snapx=10 snapy=10 trigger='onClick'}>ma page</a>
{* un popup via une cellule du tableau *}
<tr><td {popup caption='Détails de cette partie' text=$part_long_description}>{$part_number}</td></tr>
Il y a également un autre bon exemple sur la page de la documentation de {capture}.
Voir aussi {popup_init} et overLib.
Comments