Non connecté. Login S'inscrire Mot de passe oublié
Attention : Le contenu de ces pages n'a pas été mis à jour depuis longtemps. Il est probablement obsolète pour Firefox 4.0/Gecko 4.0 et supérieur. Pour du contenu plus récent, allez consulter developer.mozilla.org.

Deck

Deck est une boite similaire à stack : elle contient des élements qui sont empilés les uns sur les autres. A la différence de stack, un seul élement est visible en même temps. Un attribut, selectedIndex , permet de sélectionner l'élement à afficher.

Cette balise est utile pour faire un fonctionnement similaire à la boite de dialogue de préference dans Mozilla.

Exemple :

 <deck selectedIndex="1">
   <box> <description value="page 1" /> </box>
   <box> <description value="page 2" /> </box>
   <box> <description value="page 3" /> </box>
 </deck>

Ici, c'est la boite contenant la description "page 2" qui est affichée (elle a pour index 1).

Attributs de la balise

Attributs hérités de ElementXul.

selectedIndex

Contient le numéro de l'élement qu'il faut afficher. Le premier élement a pour index 0.

Propriétés Javascript

Propriétés héritées de ElementXul.

selectedIndex

Contient le numéro de l'élement qu'il faut afficher. Le premier élement a pour index 0.

selectedPanel

Contient une référence vers l'élement sélectionné.

Méthodes Javascript

Méthodes héritées de ElementXul.

Balises filles

Tout élement xul.

Références

http://www.xulplanet.com/references/elem(..)

Notes

Bug d'affichage

Dans le cas d'une "remote application", si vous placez un element html:form comme etant un fils d'un deck. Il y a un bug d'affichage. Les informations des elements du form restent visible dans les autres elements empilés.

Pour resoudre ce probleme, il y a deux solutions: # placer l'element html:form dans une vbox/hbox # cacher les autres elements avec le style 'visibility'

Ce code change la valeur du 'selectedIndex' du deck lorsque l'utilisateur clique sur un element d'une listbox.

  // target = element selectionne dans la listbox (cf : images)
  for(var i = 0; i < $('candidatesEditDeck').childNodes.length; i++ ) {
    if(i == target.value) {
      $('candidatesEditDeck').childNodes[i].style.visibility = "";
      $('candidatesEditDeck').selectedIndex = target.value;
    } else {
      $('candidatesEditDeck').childNodes[i].style.visibility = "hidden";
    }
  }

Copyright © 2003-2013 association xulfr, 2013 Laurent Jouanneau - Informations légales.

Mozilla® est une marque déposée de la fondation Mozilla.
Mozilla.org™, Firefox™, Thunderbird™, Mozilla Suite™ et XUL™ sont des marques de la fondation Mozilla.