mozilla

Revision 84229 of colorpicker

  • Revision slug: XUL/colorpicker
  • Revision title: colorpicker
  • Revision id: 84229
  • Created:
  • Creator: trevorh
  • Is current revision? No
  • Comment Remove excess splace; one or more formatting changes

Revision Content

{{ XULRefElem() }}

A palette of colors from which a user may select by clicking on one of the grid cells.

Attributes
{{ PrefAnch("a-", "disabled") }}, {{ PrefAnch("a-", "color") }}, {{ PrefAnch("a-", "onchange") }}, {{ PrefAnch("a-", "preference") }}, {{ PrefAnch("a-", "tabindex") }}, {{ PrefAnch("a-", "colorpicker.type", "type") }}
Properties
{{ PrefAnch("p-", "accessibleType") }}, {{ PrefAnch("p-", "color") }}, {{ PrefAnch("p-", "disabled") }}, {{ PrefAnch("p-", "colorpicker.open", "open") }}, {{ PrefAnch("p-", "tabIndex") }}, {{ PrefAnch("p-", "value") }}

Examples

Image:XUL_REF_rgb.gif

<colorpicker/>

Attributes

{{ XULAttrInherited() }} {{ XULAttrInc("disabled") }} {{ XULAttrInc("color") }} {{ XULAttrInc("onchange") }} {{ XULAttrInc("preference") }} {{ XULAttrInc("tabindex") }} {{ XULAttrInc("colorpicker.type") }}

Properties

{{ XULPropInherited() }} {{ XULPropInc("accessibleType") }} {{ XULPropInc("color") }} {{ XULPropInc("disabled") }} {{ XULPropInc("colorpicker.open") }} {{ XULPropInc("tabIndex") }} value property gets and sets {{ PrefAnch("a-", "color") }} attribute

Methods

{{ XULMethInheritedWide() }}

Related

Interfaces
{{ interface("nsIDOMXULControlElement") }}

Bugs

The onchange Event only fires if Attribute type is set to "button". You may use onclick when you are working with a plain colorpicker and need the currently selected color for example to display in a <textbox>.

{{ languages( { "de": "de/XUL/colorpicker", "ja": "ja/XUL/colorpicker", "pl": "pl/XUL/colorpicker" } ) }}

Revision Source

<div class="noinclude">{{ XULRefElem() }}</div>
<p>A palette of colors from which a user may select by clicking on one of the grid cells.</p>
<dl> <dt>Attributes</dt> <dd>{{ PrefAnch("a-", "disabled") }}, {{ PrefAnch("a-", "color") }}, {{ PrefAnch("a-", "onchange") }}, {{ PrefAnch("a-", "preference") }}, {{ PrefAnch("a-", "tabindex") }}, {{ PrefAnch("a-", "colorpicker.type", "type") }}</dd>
</dl>
<dl> <dt>Properties</dt> <dd>{{ PrefAnch("p-", "accessibleType") }}, {{ PrefAnch("p-", "color") }}, {{ PrefAnch("p-", "disabled") }}, {{ PrefAnch("p-", "colorpicker.open", "open") }}, {{ PrefAnch("p-", "tabIndex") }}, {{ PrefAnch("p-", "value") }}</dd>
</dl>
<h3 name="Examples">Examples</h3>
<p><img alt="Image:XUL_REF_rgb.gif" class="internal" src="/@api/deki/files/430/=XUL_REF_rgb.gif"></p>
<pre>&lt;colorpicker/&gt;
</pre>
<h3 name="Attributes">Attributes</h3>
<p>{{ XULAttrInherited() }} {{ XULAttrInc("disabled") }} {{ XULAttrInc("color") }} {{ XULAttrInc("onchange") }} {{ XULAttrInc("preference") }} {{ XULAttrInc("tabindex") }} {{ XULAttrInc("colorpicker.type") }}</p>
<h3 name="Properties">Properties</h3>
<p>{{ XULPropInherited() }} {{ XULPropInc("accessibleType") }} {{ XULPropInc("color") }} {{ XULPropInc("disabled") }} {{ XULPropInc("colorpicker.open") }} {{ XULPropInc("tabIndex") }} <!--{{XULPropInc("value")}}--> value property gets and sets {{ PrefAnch("a-", "color") }} attribute</p>
<h3 name="Methods">Methods</h3>
<p>{{ XULMethInheritedWide() }}</p>
<h3 name="Related">Related</h3>
<dl> <dt>Interfaces</dt> <dd>{{ interface("nsIDOMXULControlElement") }}</dd>
</dl>
<h3 name="Bugs">Bugs</h3>
<p>The <code>onchange</code> Event only fires if Attribute <code>type</code> is set to "<code>button</code>". You may use <code>onclick</code> when you are working with a plain colorpicker and need the currently selected color for example to display in a &lt;textbox&gt;.</p>
<p>{{ languages( { "de": "de/XUL/colorpicker", "ja": "ja/XUL/colorpicker", "pl": "pl/XUL/colorpicker" } ) }}</p>
Revert to this revision