Exemple d'utilisation des actions pour contrôler le contenu d'une page

Dans cet exemple, différents blocs sont affichés et/ou masqués pour rendre le contenu de cette page dynamique. Il réalise la même chose qu'un élément <présentation> qui peut afficher un bloc successivement choisi parmi une liste de blocs, mais ici, c'est plusieurs blocs qui s'affichent de manière synchronisée.

Le menu suivant permet de les sélectionner directement:

Trois options sont utilisées pour contrôler le contenu de la page. Elles sont mutuellement exclusives (l'activation d'une option désactive automatiquement les autres).

• option dhc pour afficher les informations sur les DHC;

• option prize pour afficher les informations sur les prix et distinctions;

• option dhc pour ne plus afficher les informations.

Ces options sont définies comme suit:

<options mode="unique">
   <option id="dhc"/>
   <option id="prize"/>
   <option id="none"/>
</options>

On se sert de ces trois options pour afficher la bannière en haut de la page (quand l'option none est inactive), ainsi que les blocs dans la petite colonne de droite quand l'option dhc ou l'option prize sont actives.