MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Revision 182488 of panel

  • Raccourci de la révision : XUL/panel
  • Titre de la révision : panel
  • ID de la révision : 182488
  • Créé :
  • Créateur : BenoitL
  • Version actuelle ? Non
  • Commentaire Traduction terminée
Étiquettes : 

Contenu de la révision

{{template.Fx_minversion_header(3)}}
{{template.XULRefElem()}}

Un panel est une fenêtre popup pouvant contenir n'importe quel type de contenu. Il n'a aucune décoration de fenêtre. Lorsqu'il est ouvert, il flotte par dessus la fenêtre et peut déborder même de la fenêtre principale. Typiquement, il sera attaché à un élément à l'aide de l'attribut {{template.XULAttr("popup")}} afin d'apparaitre lorsque l'on clique avec le bouton de gauche de la souris sur l'élément. Un panel peut également être ouvert via un script à l'aide de la méthode {{template.XULMeth("openPopup")}}.

Le panel sera fermé lorsque l'utilisateur cliquera en dehors de celui-ci ou que sa méthode {{template.XULMeth("hidePopup")}} sera appelée.

Attributs
left, {{template.PrefAnch("a-", "noautofocus")}}, {{template.PrefAnch("a-", "onpopuphidden")}}, {{template.PrefAnch("a-", "onpopuphiding")}}, {{template.PrefAnch("a-", "onpopupshowing")}}, {{template.PrefAnch("a-", "onpopupshown")}}, position, top
Propriétés
{{template.PrefAnch("p-", "accessible")}}, {{template.PrefAnch("p-", "popupBoxObject")}}, {{template.PrefAnch("p-", "popup")}}, {{template.PrefAnch("p-", "state")}}
Méthodes
{{template.PrefAnch("m-", "hidePopup")}}, {{template.PrefAnch("m-", "moveTo")}}, {{template.PrefAnch("m-", "openPopup")}}, {{template.PrefAnch("m-", "openPopupAtScreen")}}, {{template.PrefAnch("m-", "sizeTo")}}

Exemples

L'exemple qui suit montre comment un panel peut être attaché à un label.

<panel id="thepanel">
  <hbox align="start">
    <image src="warning.png"/>
    <vbox>
      <description value="Vous avez 6 nouveaux messages."/>
      <hbox>
        <button label="Lire le courrier"/>
        <button label="Nouveau message"/>
      </hbox>
    </vbox>
  </hbox>
</panel>
<description value="6 nouveaux messages" popup="thepanel"/>

Attributs

{{template.XULAttrInherited()}} {{template.XULAttrInc("popup.left")}} {{template.XULAttrInc("noautofocus")}} {{template.XULAttrInc("onpopuphidden")}} {{template.XULAttrInc("onpopuphiding")}} {{template.XULAttrInc("onpopupshowing")}} {{template.XULAttrInc("onpopupshown")}} {{template.XULAttrInc("popup.position")}} {{template.XULAttrInc("popup.top")}}

Propriétés

{{template.XULPropInherited()}} {{template.XULPropInc("accessible")}} {{template.XULPropInc("popupBoxObject")}} {{template.XULPropInc("position")}} {{template.XULPropInc("state")}}

Méthodes

{{template.XULMethInherited()}} {{template.XULMethInc("hidePopup")}} {{template.XULMethInc("moveTo")}} {{template.XULMethInc("openPopup")}} {{template.XULMethInc("openPopupAtScreen")}} {{template.XULMethInc("sizeTo")}}

Sujets liés

Interfaces
nsIAccessibleProvider, nsIDOMXULPopupElement
{{ wiki.languages( { "en": "en/XUL/panel", "pl": "pl/XUL/panel" } ) }}

Source de la révision

{{template.Fx_minversion_header(3)}}<div class="noinclude">{{template.XULRefElem()}}</div> 
<p>Un <code>panel</code> est une fenêtre popup pouvant contenir n'importe quel type de contenu. Il n'a aucune décoration de fenêtre. Lorsqu'il est ouvert, il flotte par dessus la fenêtre et peut déborder même de la fenêtre principale. Typiquement, il sera attaché à un élément à l'aide de l'attribut {{template.XULAttr("popup")}} afin d'apparaitre lorsque l'on clique avec le bouton de gauche de la souris sur l'élément. Un <code>panel</code> peut également être ouvert via un script à l'aide de la méthode {{template.XULMeth("openPopup")}}.
</p><p>Le <code>panel</code> sera fermé lorsque l'utilisateur cliquera en dehors de celui-ci ou que sa méthode {{template.XULMeth("hidePopup")}} sera appelée.
</p>
<dl><dt> Attributs
</dt><dd> <a href="#a-popup.left">left</a>, {{template.PrefAnch("a-", "noautofocus")}}, {{template.PrefAnch("a-", "onpopuphidden")}}, {{template.PrefAnch("a-", "onpopuphiding")}}, {{template.PrefAnch("a-", "onpopupshowing")}}, {{template.PrefAnch("a-", "onpopupshown")}}, <a href="#a-popup.position">position</a>, <a href="#a-popup.top">top</a>
</dd></dl>
<dl><dt> Propriétés
</dt><dd> {{template.PrefAnch("p-", "accessible")}}, {{template.PrefAnch("p-", "popupBoxObject")}}, {{template.PrefAnch("p-", "popup")}}, {{template.PrefAnch("p-", "state")}}
</dd></dl>
<dl><dt> Méthodes
</dt><dd> {{template.PrefAnch("m-", "hidePopup")}}, {{template.PrefAnch("m-", "moveTo")}}, {{template.PrefAnch("m-", "openPopup")}}, {{template.PrefAnch("m-", "openPopupAtScreen")}}, {{template.PrefAnch("m-", "sizeTo")}}
</dd></dl>
<h3 name="Exemples"> Exemples </h3>
<p>L'exemple qui suit montre comment un <code>panel</code> peut être attaché à un label.
</p>
<pre>&lt;panel id="thepanel"&gt;
  &lt;hbox align="start"&gt;
    &lt;image src="warning.png"/&gt;
    &lt;vbox&gt;
      &lt;description value="Vous avez 6 nouveaux messages."/&gt;
      &lt;hbox&gt;
        &lt;button label="Lire le courrier"/&gt;
        &lt;button label="Nouveau message"/&gt;
      &lt;/hbox&gt;
    &lt;/vbox&gt;
  &lt;/hbox&gt;
&lt;/panel&gt;
&lt;description value="6 nouveaux messages" popup="thepanel"/&gt;
</pre>
<h3 name="Attributs"> Attributs </h3>
<p>{{template.XULAttrInherited()}}
{{template.XULAttrInc("popup.left")}}
{{template.XULAttrInc("noautofocus")}}
{{template.XULAttrInc("onpopuphidden")}}
{{template.XULAttrInc("onpopuphiding")}}
{{template.XULAttrInc("onpopupshowing")}}
{{template.XULAttrInc("onpopupshown")}}
{{template.XULAttrInc("popup.position")}}
{{template.XULAttrInc("popup.top")}}
</p>
<h3 name="Propri.C3.A9t.C3.A9s"> Propriétés  </h3>
<p>{{template.XULPropInherited()}}
{{template.XULPropInc("accessible")}}
{{template.XULPropInc("popupBoxObject")}}
{{template.XULPropInc("position")}}
{{template.XULPropInc("state")}}
</p>
<h3 name="M.C3.A9thodes"> Méthodes </h3>
<p>{{template.XULMethInherited()}}
{{template.XULMethInc("hidePopup")}}
{{template.XULMethInc("moveTo")}}
{{template.XULMethInc("openPopup")}}
{{template.XULMethInc("openPopupAtScreen")}}
{{template.XULMethInc("sizeTo")}}
</p>
<h3 name="Sujets_li.C3.A9s"> Sujets liés </h3>
<dl><dt> Interfaces
</dt><dd> <a href="fr/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="fr/NsIDOMXULPopupElement">nsIDOMXULPopupElement</a>
</dd></dl>
{{ wiki.languages( { "en": "en/XUL/panel", "pl": "pl/XUL/panel" } ) }}
Revenir à cette révision