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.

Sidebar

Une sideBar en français veut dire panneau latéral. Firefox et mozilla vous permettent déjà d'y accéder en allant :

  • pour firefox : Affichage -> panneau Latéral -> (votre choix)
  • pour Mozilla/SeaMonkey : Affichage -> boite d'outil -> panneau Latéral (ou bien F9)

Il n'y a pas de norme sur l'implémentation d'une sideBar en xul malheureusement (puisque cela dépend bien entendu de l'interface donc du fichier XUL de l'application principale).On va devoir faire 2 fichiers xul overlays différents : firefox-overlay.xul pour firefox et un autre, mozilla-overlay.xul pour mozilla.

Mise en place d'une sideBar pour firefox

Firefox est le plus facile là dessus. Voilà un bout de source à mettre en général dans un overlay :

 <broadcasterset id="mainBroadcasterSet">
    <broadcaster id="viewExempleSidebar" autoCheck="false" label="&application.name;"
    type="checkbox" group="sidebar" sidebarurl="[[chrome://exemple/content/exemple.xul]]"
    sidebartitle="&application.name;"
    oncommand="toggleSidebar('viewExempleSidebar');"
    />
 </broadcasterset>

Mise en place d'un sideBar pour Mozilla/SeaMonkey

À la différence de Firefox, Mozilla n'ouvre pas de sidebar par application xul, chacune d'entre elles étant mis dans un panel.

Voyons l'overlay d'un peu plus prés :

 <browser flex="1" class="browser-sidebar"
     src="[[chrome://exemple/content/exemple.xul]]"
     content="[[chrome://exemple/content/exemple.xul]]"
     loadstate="loaded"  />

Les fichiers d'installations

En utilisant un fichier contents.rdf (seamonkey et Firefox 1.0)

 <RDF:Seq about="[[urn:mozilla:overlays"]]>
    <RDF:li resource="[[chrome://browser/content/browser.xul"/]]>  <!-- pour firefox -->
    <RDF:li resource="[[chrome://navigator/content/navigator.xul"/]]> <!-- pour mozilla-->
 </RDF:Seq>
 <RDF:Seq about="[[chrome://browser/content/browser.xul"]]>
     <RDF:li>[[chrome://exemple/content/firefox.xul</RDF:li]]>
 </RDF:Seq>
 <RDF:Seq about="[[chrome://navigator/content/navigator.xul"]]>
     <RDF:li>[[chrome://exemple/content/mozilla.xul</RDF:li]]>
 </RDF:Seq>

En utilisant un fichier chrome.manifest (firefox 1.5)

  overlay [[chrome://browser/content/browser.xul]] [[chrome://exemple/content/firefox.xul]]
  overlay [[chrome://navigator/content/browser.xul]] [[chrome://exemple/content/mozilla.xul]]

References

En dépouillant le code source de l'appli http://extensions.geckozone.org/PanneauD(..)


Copyright © 2003-2013 association xulfr, 2013-2016 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.