Présentation

Le tag popupinformation vous permet de réaliser un "popup javascript" en utilisant des DIV, avec une image ou un texte déclencheur

Exemple d'appel avec Smarty

{popupinformation} Contenu du popup {/popupinformation}

Avec un contenu HTML

{popupinformation} <p style="color: #F00; font-weight: bold;">Test de style</p> {/popupinformation}

Liste des paramètres

Spécifier un contenu texte alternatif pour l'image

{popupinformation alt="Sur l'image"} Contenu du popup avec alt {/popupinformation}

Ajouter un texte après l'image

{popupinformation text="Du texte après l'image"} Contenu du popup avec texte {/popupinformation}

Sans image

{popupinformation displayimg=false text="Du texte"} Contenu du popup avec texte et sans image {/popupinformation}

En utilisant une autre image que celle par défaut

{copixresource path=img/tools/loupe.png assign=imgPath} {popupinformation img=$imgPath} Contenu du popup avec une image alternative {/popupinformation}

En spécifiant une classe CSS pour le popup

{copixhtmlheader kind="style"} .divClass { border: 1px solid #F00; } {/copixhtmlheader} {popupinformation divclass=divClass} Contenu du popup avec une classe css spécifique {/popupinformation}

Déclencher le popup sur un click plutot qu'au survol

{popupinformation handler=onclick} Contenu du popup avec onclick {/popupinformation}

Charger le contenu d'une zone en ajax

{popupinformation handler=onclick zone='module|zone'}{/popupinformation}