Panneaux flottants pour Firefox

Il y a environ 6 mois, j’ai commencé à me demander comment réaliser de tels panneaux. Je suis naïvement parti vers un couple iframe/stack, ce qui s’est avéré être une belle impasse, comme l’atteste mon « très pas content » sur le forum de xulfr. Et j’ai laissé tomber, bien que le dernier message de Laurent Jouanneau sur cette la discussion m’ait mis la puce à l’oreille.

Je me suis relancé sur le sujet il y a quelques jours et j’ai réussi à pondre quelque chose de convenable. C’est encore loin d’être parfait, mais c’est utilisable. En voici une petite démo appliquée au fameux mybrowser.

C’est sous forme de bindings, donc pour l’utiliser, ça fonctionne comme ça :

<environnement flex="1">   <panneaux>     <panneau idoverlay="test1" title="test 1"                      src="chrome://edittree/content/mybrowser/test1.xul" />     <panneau idoverlay="test2" title="test 2"                      src="chrome://edittree/content/mybrowser/test2.xul" />   </panneaux>   <browser flex="1" id="browser" src="" type="content-primary"/> </environnement>

Les panneaux sont des overlays, que je charge dynamiquement avec loadOverlay (une des nouveautés de Firefox 1.5). Seulement, hic : essayez d’utiliser deux fois cette fonction dans une page, ça ne fonctionne pas. En attendant que le bogue soit corrigé, un des membres de la liste de discussion de xulfr, Pascal Soulas (que je remercie encore), m’a fourni un système d’Observer permettant de ne charger un overlay que lorsque le chargement du précédent est terminé, ce qui contourne le bogue.

Encore quelques modifications à apporter et je rendrai mes bindings disponibles sur le wiki de xulfr.