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-a(..)]

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