Ressources Libs/xbl_hhf/accordion

ACCORDION

Ce XBL permet de representer des elements alternativement en cliquants sur leurs entetes.

Syntaxe :

  <?xml-stylesheet href="xbl/accordion/accordioncss" type="text/css"?>

  <accordion id="accordion" selectedIndex="2" flex="1">
    <box label="accordion 0">
      <label value="contenu 0" selected="true"/>
    </box>
      <box label="accordion 1" class="">
        <label value="contenu 1"/>
    </box>
  </accordion>

Documentation

attributs :

selectedIndex sur la balise accordion définit l'item selectionné par defaut

selected [true/false] sur les balise enfants de accordion définit aussi la selection

label definit le titre de l'entete de l'item

image définit l'icon de l'entete de l'item

class s'applique aussi à l'entete.

methodes et propriétés

document.getElementById("accordion").selectedIndex : selectionne un item par son numéro

document.getElementById("accordion").selectedItem : selectionne un item par sa reference

document.getElementById("accordion").items : retourne un Array de tous les items

document.getElementById("accordion").items[i].select() : selectionne l'item

demo|http://www.sudoxul.com/hhxbls/ff3/demo-accordion.xul]

accordion.zip à dezipper et à placer dans un repertoire 'xbl' à la racine de votre site