Les fenêtres pop-up: <popup>

Popup d'informations

Pour créer une fenêtre pop-up contenant autre chose qu'une image, il faut utiliser un élément <popup id="..."> qui va définir ce qui devra être affiché dans la fenêtre (titres, paragraphes, tableaux, listes à puces, etc.). La valeur de l'attribut id est un identificateur que vous choisissez librement (composé de lettres, de chiffres et de '-'). Deux fenêtres ne peuvent pas avoir le même identificateur.

Pour faire apparaître la fenêtre, il faut utiliser l'attribut cible="popup:..." dans un lien hypertexte (<a cible="popup:...">...</a>) classique. La valeur de cet attribut doit être égale à l'identificateur de la fenêtre que vous voulez afficher.

<popup id="fenetre001">
   <p>Ce texte apparaitra dans une fenêtre de type pop-up.</p>
   <p>Celle-ci ne sera activée que lorsque l'utilisateur cliquera sur le lien adéquat.</p>
</popup>
...
<p>Exemple de <a cible="popup:fenetre001">lien qui ouvre le pop-up</a>.</p>

Ce qui donne (cliquez sur le lien pour voir le résultat):

La fenêtre peut contenir n'importe quels éléments d'information dans une page (comme dans n'importe quel bloc). Un popup est d'ailleurs considéré comme un bloc.

<popup id="fenetre002">
   <bloc bords="arrondis" style="important">
      <titre1>Attention!</titre1>
      <p>Si vous avez raté votre session, vous devez vous inscrire avant le 15 août à la seconde session.</p>
      <p>Vous ne pourrez vous présenter aux examens de septembre <alert>que si</alert> cette formalité  a été accomplie.</p>
   </bloc>
   <p>L'inscription peut se faire:</p>
   <liste>
     <p>via le site web de la faculté</p>
     <p>en vous présentant personnellement au secrétariat de la faculté</p>
   </liste>
</popup>
...
<p>Inscription à la session de <a cible="popup:fenetre002">session de septembre</a>.</p>

Ce qui donne (cliquez sur le lien pour voir le résultat):

Où placer l'élément <popup> ?

L'élément <opup> étant considéré comme un bloc, il peut être placé partout où un bloc est accepté. Dans ce cas, il ne sera valable que pour la page où vous l'avez placé.

Vous pouvez également décider de placer cet élément en dehors de vos pages, dans l'élément <documents> avant toutes les autres informations (avant les <document> et les <page>). Dans ce cas, vous pourrez activer le popup en question à partir de n'importe quelle page de votre document.

<documents>				
   <popup id="fenetre003">
      <p>Ce pop-up peut être ouvert à partir de n'importe quelle page.</p>
   </popup>
   
   <document>
      ...
      <page>
         ...
         <p>Exemple de <a cible="popup:fenetre003">lien qui ouvre le pop-up</a>.</p>
         ...
      </page>
      ...
   </document>
</documents>

Ce qui donne (cliquez sur le lien pour ouvrir le popup):

Style du popup

Un popup est considéré comme un bloc. Tous les attributs (style, bords et ses variantes) définis pour les blocs peuvent être utilisés, ainsi que l'élément <titre>.

Si vous n'utilisez pas d'attribut style, le contenu du popup sera affiché dans une fenêtre dont la couleur de fond est blanche. Dans le cas contraire c'est un bloc dont la mise en page est définie par cet attribut style qui sera affiché.

En voici quelques exemples: