What is Smarty?
Why use it?
Use Cases and Work Flow
Syntax Comparison
Template Inheritance
Best Practices
Crash Course
You may use the Smarty logo according to the trademark notice.
For sponsorship, advertising, news or other inquiries, contact us at:
{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.