Revision 83293 of tooltip

  • Revision slug: XUL/tooltip
  • Revision title: tooltip
  • Revision id: 83293
  • Created:
  • Creator: Enn
  • Is current revision? No
  • Comment

Revision Content

{{template.XULRefElem()}}

This element is used for the tooltip popups. For text-only tooltips, this element doesn't need to be used; instead you may just add a {{template.XULAttr("tooltiptext")}} attribute to an element.

More information is available in the XUL tutorial.

Attributes
{{template.PrefAnch("a-", "crop")}}, {{template.PrefAnch("a-", "default")}}, {{template.PrefAnch("a-", "label")}}, {{template.PrefAnch("a-", "noautohide")}}, {{template.PrefAnch("a-", "onpopuphidden")}}, {{template.PrefAnch("a-", "onpopuphiding")}}, {{template.PrefAnch("a-", "onpopupshowing")}}, {{template.PrefAnch("a-", "onpopupshown")}}, {{template.PrefAnch("a-", "popup.position", "position")}}
Properties
{{template.PrefAnch("p-", "accessibleType")}}, {{template.PrefAnch("p-", "label")}}, {{template.PrefAnch("p-", "popupBoxObject")}}, {{template.PrefAnch("p-", "position")}}, {{template.PrefAnch("p-", "state")}}
Methods
{{template.PrefAnch("m-", "hidePopup")}}, {{template.PrefAnch("m-", "moveTo")}}, {{template.PrefAnch("m-", "openPopup")}}, {{template.PrefAnch("m-", "openPopupAtScreen")}}, {{template.PrefAnch("m-", "showPopup")}}, {{template.PrefAnch("m-", "sizeTo")}}

Examples

Image:XUL_ref_tooltip.png
<tooltip id="moretip" orient="vertical" style="background-color: #33DD00;">
  <label value="Click here to see more information"/>
  <label value="Really!" style="color: red;"/>
</tooltip>

<vbox>
  <button label="Simple" tooltiptext="A simple popup"/>
  <button label="More" tooltip="moretip"/>
</vbox>

Attributes

{{template.XULAttrInherited()}} {{template.XULAttrInc("crop")}} {{template.XULAttrInc("default")}} {{template.XULAttrInc("label")}} {{template.XULAttrInc("noautohide")}} {{template.XULAttrInc("onpopuphidden")}} {{template.XULAttrInc("onpopuphiding")}} {{template.XULAttrInc("onpopupshowing")}} {{template.XULAttrInc("onpopupshown")}} {{template.XULAttrInc("popup.position")}}

Properties

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

Methods

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

Related

TBD

{{ wiki.languages( { "ja": "ja/XUL/tooltip", "pl": "pl/XUL/tooltip" } ) }}

Revision Source

<div class="noinclude">{{template.XULRefElem()}}</div> 
<p>This element is used for the tooltip popups. For text-only tooltips, this element doesn't need to be used; instead you may just add a {{template.XULAttr("tooltiptext")}} attribute to an element. 
</p><p>More information is available in the <a href="en/XUL_Tutorial/Popup_Menus">XUL tutorial</a>.
</p>
<dl><dt> Attributes
</dt><dd> {{template.PrefAnch("a-", "crop")}}, {{template.PrefAnch("a-", "default")}}, {{template.PrefAnch("a-", "label")}}, {{template.PrefAnch("a-", "noautohide")}}, {{template.PrefAnch("a-", "onpopuphidden")}}, {{template.PrefAnch("a-", "onpopuphiding")}}, {{template.PrefAnch("a-", "onpopupshowing")}}, {{template.PrefAnch("a-", "onpopupshown")}}, {{template.PrefAnch("a-", "popup.position", "position")}}
</dd></dl>
<dl><dt> Properties
</dt><dd> {{template.PrefAnch("p-", "accessibleType")}}, {{template.PrefAnch("p-", "label")}}, {{template.PrefAnch("p-", "popupBoxObject")}}, {{template.PrefAnch("p-", "position")}}, {{template.PrefAnch("p-", "state")}}
</dd></dl>
<dl><dt> Methods
</dt><dd> {{template.PrefAnch("m-", "hidePopup")}}, {{template.PrefAnch("m-", "moveTo")}}, {{template.PrefAnch("m-", "openPopup")}}, {{template.PrefAnch("m-", "openPopupAtScreen")}}, {{template.PrefAnch("m-", "showPopup")}}, {{template.PrefAnch("m-", "sizeTo")}}
</dd></dl>
<h3 name="Examples"> Examples </h3>
<div class="float-right"><img alt="Image:XUL_ref_tooltip.png" src="File:en/Media_Gallery/XUL_ref_tooltip.png"></div>
<pre>&lt;tooltip id="moretip" orient="vertical" style="background-color: #33DD00;"&gt;
  &lt;label value="Click here to see more information"/&gt;
  &lt;label value="Really!" style="color: red;"/&gt;
&lt;/tooltip&gt;

&lt;vbox&gt;
  &lt;button label="Simple" tooltiptext="A simple popup"/&gt;
  &lt;button label="More" tooltip="moretip"/&gt;
&lt;/vbox&gt;
</pre>
<h3 name="Attributes"> Attributes </h3>
<p>{{template.XULAttrInherited()}}
{{template.XULAttrInc("crop")}}
{{template.XULAttrInc("default")}}
{{template.XULAttrInc("label")}}
{{template.XULAttrInc("noautohide")}}
{{template.XULAttrInc("onpopuphidden")}}
{{template.XULAttrInc("onpopuphiding")}}
{{template.XULAttrInc("onpopupshowing")}}
{{template.XULAttrInc("onpopupshown")}}
{{template.XULAttrInc("popup.position")}}
</p>
<h3 name="Properties"> Properties  </h3>
<p>{{template.XULPropInherited()}}
{{template.XULPropInc("accessibleType")}}
{{template.XULPropInc("label")}}
{{template.XULPropInc("popupBoxObject")}}
{{template.XULPropInc("position")}}
{{template.XULPropInc("state")}}
</p>
<h3 name="Methods"> Methods </h3>
<p>{{template.XULMethInherited()}}
{{template.XULMethInc("hidePopup")}}
{{template.XULMethInc("moveTo")}}
{{template.XULMethInc("openPopup")}}
{{template.XULMethInc("openPopupAtScreen")}}
{{template.XULMethInc("showPopup")}}
{{template.XULMethInc("sizeTo")}}
</p>
<h3 name="Related"> Related </h3>
<p>TBD
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "ja": "ja/XUL/tooltip", "pl": "pl/XUL/tooltip" } ) }}
Revert to this revision