Forums : Xul, Xbl, JS...

Un truc comme ça ?

<hbox>
 <image  />
 <image  />
 <image  />
</hbox>

Et tu met un style overflow sur la box pour avoir une barre de défilement (ou tu met toi meme une <scrollbar>)

oui, mais sous forme listbox, est-ce possible?

Salut neurones,

Je suis pas sur d'avoir bien compris, tu veux afficher plusieurs miniatures sur chaque ligne d'une listbox. Si c'est ça tu peux utiliser <richlistbox> dans lequel tu peux mettre ce que tu veux, en plus c'est bien les lignes peuvent avoir des hauteurs différentes (bien pour des images avec des tailles diverses).

Un exemple:

<?xml version="1.0" encoding="ISO-8859-1"?>

<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<window title="Images RichListBox" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<richlistbox flex="1">
  <richlistitem align="start">
    <image src="http://static.flickr.com/6/6156386_061a31b6f5_s.jpg"/>
    <image src="http://static.flickr.com/6/6156386_061a31b6f5_t.jpg"/>
  </richlistitem>
  <richlistitem align="center">
    <image src="http://static.flickr.com/6/6156386_061a31b6f5_s.jpg" style="margin: 2px"/>
    <image src="http://static.flickr.com/6/6156386_061a31b6f5_t.jpg" style="margin: 2px"/>
    <image src="http://static.flickr.com/6/6156386_061a31b6f5_m.jpg" style="margin: 2px"/>
    <vbox>
      <label class="header" value="Besso"/>
      <label value="Le Besso vu depuis le lac de l'Arpitettaz"/>
    </vbox>
  </richlistitem>
  <richlistitem align="end">
    <image src="http://static.flickr.com/6/6156386_061a31b6f5_s.jpg"/>
    <image src="http://static.flickr.com/6/6156386_061a31b6f5_t.jpg"/>
  </richlistitem>
</richlistbox>

</window>

Fabrice

Oui c'est ça a part que je veux pouvoir selectionner chacune des vignettes, et là on ne peut pas, car c'est le listitem qui est selectionné :-(

Pour que les sous-éléments d'un <listitem> ou <richlistitem> reçoivent les évènements il faut le préciser explicitement avec l'attribut allowevents="true". Voir Checkbox dans listbox/tree.

Ensuite tu peux ajouter un gestionnaire pour chaque sous-élément:

<richlistitem allowevents="true">
  ...
  <image src="..." onclick="alert(this);"/>
</richlistitem>

Fabrice

sur le listitem faut mettre allowevents="true", pour que ca propage l'evenement... si j'ai bien compris le pb