mozilla

Revision 487541 of tooltip

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

Revision Content

{{ 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 {{ XULAttr("tooltiptext") }} attribute to an element.

More information is available in the XUL tutorial.

Attributes
{{ PrefAnch("a-", "crop") }}, {{ PrefAnch("a-", "default") }}, {{ PrefAnch("a-", "label") }}, {{ PrefAnch("a-", "noautohide") }}, {{ PrefAnch("a-", "onpopuphidden") }}, {{ PrefAnch("a-", "onpopuphiding") }}, {{ PrefAnch("a-", "onpopupshowing") }}, {{ PrefAnch("a-", "onpopupshown") }}, {{ PrefAnch("a-", "page", "page") }}, {{ PrefAnch("a-", "popup.position", "position") }}
Properties
{{ PrefAnch("p-", "accessibleType") }}, {{ PrefAnch("p-", "label") }}, {{ PrefAnch("p-", "popupBoxObject") }}, {{ PrefAnch("p-", "position") }}, {{ PrefAnch("p-", "state") }}
Methods
{{ PrefAnch("m-", "hidePopup") }}, {{ PrefAnch("m-", "moveTo") }}, {{ PrefAnch("m-", "openPopup") }}, {{ PrefAnch("m-", "openPopupAtScreen") }}, {{ PrefAnch("m-", "showPopup") }}, {{ 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

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

Properties

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

Methods

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

TBD

Revision Source

<div class="noinclude">
 {{ 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 {{ XULAttr("tooltiptext") }} attribute to an element.</p>
<p>More information is available in the <a href="/en-US/docs/XUL/Tutorial/Popup_Menus">XUL tutorial</a>.</p>
<dl>
 <dt>
  Attributes</dt>
 <dd>
  {{ PrefAnch("a-", "crop") }}, {{ PrefAnch("a-", "default") }}, {{ PrefAnch("a-", "label") }}, {{ PrefAnch("a-", "noautohide") }}, {{ PrefAnch("a-", "onpopuphidden") }}, {{ PrefAnch("a-", "onpopuphiding") }}, {{ PrefAnch("a-", "onpopupshowing") }}, {{ PrefAnch("a-", "onpopupshown") }}, {{ PrefAnch("a-", "page", "page") }}, {{ PrefAnch("a-", "popup.position", "position") }}</dd>
</dl>
<dl>
 <dt>
  Properties</dt>
 <dd>
  {{ PrefAnch("p-", "accessibleType") }}, {{ PrefAnch("p-", "label") }}, {{ PrefAnch("p-", "popupBoxObject") }}, {{ PrefAnch("p-", "position") }}, {{ PrefAnch("p-", "state") }}</dd>
</dl>
<dl>
 <dt>
  Methods</dt>
 <dd>
  {{ PrefAnch("m-", "hidePopup") }}, {{ PrefAnch("m-", "moveTo") }}, {{ PrefAnch("m-", "openPopup") }}, {{ PrefAnch("m-", "openPopupAtScreen") }}, {{ PrefAnch("m-", "showPopup") }}, {{ PrefAnch("m-", "sizeTo") }}</dd>
</dl>
<h2 id="Examples" name="Examples">Examples</h2>
<div class="float-right">
 <img alt="Image:XUL_ref_tooltip.png" fileid="478" 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>
<h2 id="Attributes" name="Attributes">Attributes</h2>
<p>{{ XULAttrInherited() }}{{ XULAttrInc("crop") }}{{ XULAttrInc("default") }}{{ XULAttrInc("label") }}{{ XULAttrInc("noautohide") }}{{ XULAttrInc("onpopuphidden") }}{{ XULAttrInc("onpopuphiding") }}{{ XULAttrInc("onpopupshowing") }}{{ XULAttrInc("onpopupshown") }}{{ XULAttrInc("tooltip.page") }}{{ XULAttrInc("popup.position") }}</p>
<h2 id="Properties" name="Properties">Properties</h2>
<p>{{ XULPropInherited() }}{{ XULPropInc("accessibleType") }}{{ XULPropInc("label") }}{{ XULPropInc("popupBoxObject") }}{{ XULPropInc("position") }}{{ XULPropInc("state") }}</p>
<h2 id="Methods" name="Methods">Methods</h2>
<p>{{ XULMethInherited() }}{{ XULMethInc("hidePopup") }}{{ XULMethInc("moveTo") }}{{ XULMethInc("openPopup") }}{{ XULMethInc("openPopupAtScreen") }}{{ XULMethInc("showPopup") }}{{ XULMethInc("sizeTo") }}</p>
<h2 id="Related" name="Related">Related</h2>
<p>TBD</p>
Revert to this revision