mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-30 05:35:31 +00:00
535 lines
17 KiB
XML
535 lines
17 KiB
XML
<?xml version="1.0"?>
|
|
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
|
|
|
|
<bindings id="radioBindings"
|
|
xmlns="http://www.mozilla.org/xbl"
|
|
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
|
xmlns:xbl="http://www.mozilla.org/xbl">
|
|
|
|
<binding id="radiogroup" extends="chrome://global/content/bindings/general.xml#basecontrol">
|
|
<resources>
|
|
<stylesheet src="chrome://global/skin/radio.css"/>
|
|
</resources>
|
|
|
|
<implementation implements="nsIDOMXULSelectControlElement, nsIAccessibleProvider">
|
|
<constructor>
|
|
<![CDATA[
|
|
if (this.getAttribute("disabled") == "true")
|
|
this.disabled = true;
|
|
|
|
var children = this._getRadioChildren();
|
|
var length = children.length;
|
|
for (var i = 0; i < length; i++) {
|
|
if (children[i].getAttribute("selected") == "true") {
|
|
this.selectedIndex = i;
|
|
return;
|
|
}
|
|
}
|
|
|
|
var value = this.value;
|
|
if (value)
|
|
this.value = value;
|
|
else
|
|
this.selectedIndex = 0;
|
|
]]>
|
|
</constructor>
|
|
|
|
<property name="accessibleType" readonly="true">
|
|
<getter>
|
|
<![CDATA[
|
|
return Components.interfaces.nsIAccessibleProvider.XULRadioGroup;
|
|
]]>
|
|
</getter>
|
|
</property>
|
|
|
|
<property name="value" onget="return this.getAttribute('value');">
|
|
<setter>
|
|
<![CDATA[
|
|
this.setAttribute("value", val);
|
|
var children = this._getRadioChildren();
|
|
for (var i = 0; i < children.length; i++) {
|
|
if (String(children[i].value) == String(val)) {
|
|
this.selectedItem = children[i];
|
|
break;
|
|
}
|
|
}
|
|
return val;
|
|
]]>
|
|
</setter>
|
|
</property>
|
|
<property name="disabled">
|
|
<getter>
|
|
<![CDATA[
|
|
if (this.getAttribute('disabled') == 'true')
|
|
return true;
|
|
var children = this._getRadioChildren();
|
|
for (var i = 0; i < children.length; ++i) {
|
|
if (!children[i].hidden && !children[i].collapsed && !children[i].disabled)
|
|
return false;
|
|
}
|
|
return true;
|
|
]]>
|
|
</getter>
|
|
<setter>
|
|
<![CDATA[
|
|
if (val)
|
|
this.setAttribute('disabled', 'true');
|
|
else
|
|
this.removeAttribute('disabled');
|
|
var children = this._getRadioChildren();
|
|
for (var i = 0; i < children.length; ++i) {
|
|
children[i].disabled = val;
|
|
}
|
|
return val;
|
|
]]>
|
|
</setter>
|
|
</property>
|
|
|
|
<property name="itemCount" readonly="true"
|
|
onget="return this._getRadioChildren().length"/>
|
|
|
|
<property name="selectedIndex">
|
|
<getter>
|
|
<![CDATA[
|
|
var children = this._getRadioChildren();
|
|
for (var i = 0; i < children.length; ++i) {
|
|
if (children[i].selected)
|
|
return i;
|
|
}
|
|
return -1;
|
|
]]>
|
|
</getter>
|
|
<setter>
|
|
<![CDATA[
|
|
this.selectedItem = this._getRadioChildren()[val];
|
|
return val;
|
|
]]>
|
|
</setter>
|
|
</property>
|
|
|
|
<property name="selectedItem">
|
|
<getter>
|
|
<![CDATA[
|
|
var children = this._getRadioChildren();
|
|
for (var i = 0; i < children.length; ++i) {
|
|
if (children[i].selected)
|
|
return children[i];
|
|
}
|
|
return null;
|
|
]]>
|
|
</getter>
|
|
<setter>
|
|
<![CDATA[
|
|
var focused = this.getAttribute("focused") == "true";
|
|
var alreadySelected = false;
|
|
|
|
if (val) {
|
|
alreadySelected = val.getAttribute("selected") == "true";
|
|
val.setAttribute("focused", focused);
|
|
val.setAttribute("selected", "true");
|
|
this.setAttribute("value", val.value);
|
|
}
|
|
else {
|
|
this.removeAttribute("value");
|
|
}
|
|
|
|
// uncheck all other group nodes
|
|
var children = this._getRadioChildren();
|
|
var previousItem = null;
|
|
for (var i = 0; i < children.length; ++i) {
|
|
if (children[i] != val) {
|
|
if (children[i].getAttribute("selected") == "true")
|
|
previousItem = children[i];
|
|
|
|
children[i].removeAttribute("selected");
|
|
children[i].removeAttribute("focused");
|
|
}
|
|
}
|
|
|
|
var event = document.createEvent("Events");
|
|
event.initEvent("select", false, true);
|
|
this.dispatchEvent(event);
|
|
|
|
if (!alreadySelected && focused) {
|
|
// Only report if actual change
|
|
var myEvent;
|
|
if (val) {
|
|
myEvent = document.createEvent("Events");
|
|
myEvent.initEvent("RadioStateChange", true, true);
|
|
val.dispatchEvent(myEvent);
|
|
}
|
|
|
|
if (previousItem) {
|
|
myEvent = document.createEvent("Events");
|
|
myEvent.initEvent("RadioStateChange", true, true);
|
|
previousItem.dispatchEvent(myEvent);
|
|
}
|
|
}
|
|
|
|
return val;
|
|
]]>
|
|
</setter>
|
|
</property>
|
|
|
|
<property name="focusedItem">
|
|
<getter>
|
|
<![CDATA[
|
|
var children = this._getRadioChildren();
|
|
for (var i = 0; i < children.length; ++i) {
|
|
if (children[i].getAttribute("focused") == "true")
|
|
return children[i];
|
|
}
|
|
return null;
|
|
]]>
|
|
</getter>
|
|
<setter>
|
|
<![CDATA[
|
|
if (val) val.setAttribute("focused", "true");
|
|
|
|
// unfocus all other group nodes
|
|
var children = this._getRadioChildren();
|
|
for (var i = 0; i < children.length; ++i) {
|
|
if (children[i] != val)
|
|
children[i].removeAttribute("focused");
|
|
}
|
|
return val;
|
|
]]>
|
|
</setter>
|
|
</property>
|
|
|
|
<method name="checkAdjacentElement">
|
|
<parameter name="aNextFlag"/>
|
|
<body>
|
|
<![CDATA[
|
|
var currentElement = this.focusedItem || this.selectedItem;
|
|
var i;
|
|
var children = this._getRadioChildren();
|
|
for (i = 0; i < children.length; ++i ) {
|
|
if (children[i] == currentElement)
|
|
break;
|
|
}
|
|
var index = i;
|
|
|
|
if (aNextFlag) {
|
|
do {
|
|
if (++i == children.length)
|
|
i = 0;
|
|
if (i == index)
|
|
break;
|
|
}
|
|
while (children[i].hidden || children[i].collapsed || children[i].disabled);
|
|
// XXX check for display/visibility props too
|
|
|
|
this.selectedItem = children[i];
|
|
children[i].doCommand();
|
|
}
|
|
else {
|
|
do {
|
|
if (i == 0)
|
|
i = children.length;
|
|
if (--i == index)
|
|
break;
|
|
}
|
|
while (children[i].hidden || children[i].collapsed || children[i].disabled);
|
|
// XXX check for display/visibility props too
|
|
|
|
this.selectedItem = children[i];
|
|
children[i].doCommand();
|
|
}
|
|
]]>
|
|
</body>
|
|
</method>
|
|
<field name="_radioChildren">null</field>
|
|
<method name="_getRadioChildren">
|
|
<body>
|
|
<![CDATA[
|
|
if (this._radioChildren)
|
|
return this._radioChildren;
|
|
|
|
var radioChildren = [];
|
|
var doc = this.ownerDocument;
|
|
|
|
if (this.hasChildNodes()) {
|
|
// Don't store the collected child nodes immediately,
|
|
// collecting the child nodes could trigger constructors
|
|
// which would blow away our list.
|
|
|
|
const nsIDOMNodeFilter = Components.interfaces.nsIDOMNodeFilter;
|
|
var iterator = doc.createTreeWalker(this,
|
|
nsIDOMNodeFilter.SHOW_ELEMENT,
|
|
this._filterRadioGroup,
|
|
true);
|
|
while (iterator.nextNode())
|
|
radioChildren.push(iterator.currentNode);
|
|
return this._radioChildren = radioChildren;
|
|
}
|
|
|
|
// We don't have child nodes.
|
|
const XUL_NS = "http://www.mozilla.org/keymaster/"
|
|
+ "gatekeeper/there.is.only.xul";
|
|
var elems = doc.getElementsByAttribute("group", this.id);
|
|
for (var i = 0; i < elems.length; i++) {
|
|
if ((elems[i].namespaceURI == XUL_NS) &&
|
|
(elems[i].localName == "radio")) {
|
|
radioChildren.push(elems[i]);
|
|
}
|
|
}
|
|
return this._radioChildren = radioChildren;
|
|
]]>
|
|
</body>
|
|
</method>
|
|
<method name="_filterRadioGroup">
|
|
<parameter name="node"/>
|
|
<body>
|
|
<![CDATA[
|
|
switch (node.localName) {
|
|
case "radio": return NodeFilter.FILTER_ACCEPT;
|
|
case "template":
|
|
case "radiogroup": return NodeFilter.FILTER_REJECT;
|
|
default: return NodeFilter.FILTER_SKIP;
|
|
}
|
|
]]>
|
|
</body>
|
|
</method>
|
|
|
|
<method name="getIndexOfItem">
|
|
<parameter name="item"/>
|
|
<body>
|
|
return this._getRadioChildren().indexOf(item);
|
|
</body>
|
|
</method>
|
|
|
|
<method name="getItemAtIndex">
|
|
<parameter name="index"/>
|
|
<body>
|
|
<![CDATA[
|
|
var children = this._getRadioChildren();
|
|
return (index >= 0 && index < children.length) ? children[index] : null;
|
|
]]>
|
|
</body>
|
|
</method>
|
|
|
|
<method name="appendItem">
|
|
<parameter name="label"/>
|
|
<parameter name="value"/>
|
|
<body>
|
|
<![CDATA[
|
|
var XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
|
var radio = document.createElementNS(XULNS, "radio");
|
|
radio.setAttribute("label", label);
|
|
radio.setAttribute("value", value);
|
|
this.appendChild(radio);
|
|
this._radioChildren = null;
|
|
return radio;
|
|
]]>
|
|
</body>
|
|
</method>
|
|
|
|
<method name="insertItemAt">
|
|
<parameter name="index"/>
|
|
<parameter name="label"/>
|
|
<parameter name="value"/>
|
|
<body>
|
|
<![CDATA[
|
|
var XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
|
var radio = document.createElementNS(XULNS, "radio");
|
|
radio.setAttribute("label", label);
|
|
radio.setAttribute("value", value);
|
|
var before = this.getItemAtIndex(index);
|
|
if (before)
|
|
before.parentNode.insertBefore(radio, before);
|
|
else
|
|
this.appendChild(radio);
|
|
this._radioChildren = null;
|
|
return radio;
|
|
]]>
|
|
</body>
|
|
</method>
|
|
|
|
<method name="removeItemAt">
|
|
<parameter name="index"/>
|
|
<body>
|
|
<![CDATA[
|
|
var remove = this.getItemAtIndex(index);
|
|
if (remove) {
|
|
remove.parentNode.removeChild(remove);
|
|
this._radioChildren = null;
|
|
}
|
|
return remove;
|
|
]]>
|
|
</body>
|
|
</method>
|
|
</implementation>
|
|
|
|
<handlers>
|
|
<handler event="mousedown">
|
|
if (this.disabled)
|
|
event.preventDefault();
|
|
</handler>
|
|
|
|
<!-- keyboard navigation -->
|
|
<!-- Here's how keyboard navigation works in radio groups on Windows:
|
|
The group takes 'focus'
|
|
The user is then free to navigate around inside the group
|
|
using the arrow keys. Accessing previous or following radio buttons
|
|
is done solely through the arrow keys and not the tab button. Tab
|
|
takes you to the next widget in the tab order -->
|
|
<handler event="keypress" key=" " phase="target">
|
|
this.selectedItem = this.focusedItem;
|
|
this.selectedItem.doCommand();
|
|
</handler>
|
|
<handler event="keypress" keycode="VK_UP" phase="target">
|
|
this.checkAdjacentElement(false);
|
|
event.stopPropagation();
|
|
</handler>
|
|
<handler event="keypress" keycode="VK_LEFT" phase="target">
|
|
// left arrow goes back when we are ltr, forward when we are rtl
|
|
this.checkAdjacentElement(document.defaultView.getComputedStyle(
|
|
this, "").direction == "rtl");
|
|
event.stopPropagation();
|
|
</handler>
|
|
<handler event="keypress" keycode="VK_DOWN" phase="target">
|
|
this.checkAdjacentElement(true);
|
|
event.stopPropagation();
|
|
</handler>
|
|
<handler event="keypress" keycode="VK_RIGHT" phase="target">
|
|
// right arrow goes forward when we are ltr, back when we are rtl
|
|
this.checkAdjacentElement(document.defaultView.getComputedStyle(
|
|
this, "").direction == "ltr");
|
|
event.stopPropagation();
|
|
</handler>
|
|
|
|
<!-- set a focused attribute on the selected item when the group
|
|
receives focus so that we can style it as if it were focused even though
|
|
it is not (Windows platform behaviour is for the group to receive focus,
|
|
not the item -->
|
|
<handler event="focus" phase="target">
|
|
<![CDATA[
|
|
this.setAttribute("focused", "true");
|
|
if (this.focusedItem)
|
|
return;
|
|
|
|
var val = this.selectedItem;
|
|
if (!val || val.disabled || val.hidden || val.collapsed) {
|
|
var children = this._getRadioChildren();
|
|
for (var i = 0; i < children.length; ++i) {
|
|
if (!children[i].hidden && !children[i].collapsed && !children[i].disabled) {
|
|
val = children[i];
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
this.focusedItem = val;
|
|
]]>
|
|
</handler>
|
|
<handler event="blur" phase="target">
|
|
this.removeAttribute("focused");
|
|
this.focusedItem = null;
|
|
</handler>
|
|
</handlers>
|
|
</binding>
|
|
|
|
<binding id="radio" extends="chrome://global/content/bindings/general.xml#control-item">
|
|
<resources>
|
|
<stylesheet src="chrome://global/skin/radio.css"/>
|
|
</resources>
|
|
|
|
<content>
|
|
<xul:image class="radio-check" xbl:inherits="disabled,selected"/>
|
|
<xul:hbox class="radio-label-box" align="center" flex="1">
|
|
<xul:image class="radio-icon" xbl:inherits="src"/>
|
|
<xul:label class="radio-label" xbl:inherits="xbl:text=label,accesskey,crop" flex="1"/>
|
|
</xul:hbox>
|
|
</content>
|
|
|
|
<implementation implements="nsIDOMXULSelectControlItemElement, nsIAccessibleProvider">
|
|
<constructor>
|
|
<![CDATA[
|
|
// Just clear out the parent's cached list of radio children
|
|
var control = this.control;
|
|
if (control)
|
|
control._radioChildren = null;
|
|
]]>
|
|
</constructor>
|
|
<destructor>
|
|
<![CDATA[
|
|
if (!this.radioGroup)
|
|
return;
|
|
|
|
var radioList = this.radioGroup.mRadioChildren;
|
|
if (!radioList)
|
|
return;
|
|
for (var i = 0; i < radioList.length; ++i) {
|
|
if (radioList[i] == this) {
|
|
radioList.splice(i, 1);
|
|
return;
|
|
}
|
|
}
|
|
]]>
|
|
</destructor>
|
|
<property name="accessibleType" readonly="true">
|
|
<getter>
|
|
<![CDATA[
|
|
return Components.interfaces.nsIAccessibleProvider.XULRadioButton;
|
|
]]>
|
|
</getter>
|
|
</property>
|
|
<property name="selected" readonly="true">
|
|
<getter>
|
|
<![CDATA[
|
|
return this.hasAttribute('selected');
|
|
]]>
|
|
</getter>
|
|
</property>
|
|
<property name="radioGroup" readonly="true" onget="return this.control"/>
|
|
<property name="control" readonly="true">
|
|
<getter>
|
|
<![CDATA[
|
|
const XUL_NS = "http://www.mozilla.org/keymaster/"
|
|
+ "gatekeeper/there.is.only.xul";
|
|
var parent = this.parentNode;
|
|
while (parent) {
|
|
if ((parent.namespaceURI == XUL_NS) &&
|
|
(parent.localName == "radiogroup")) {
|
|
return parent;
|
|
}
|
|
parent = parent.parentNode;
|
|
}
|
|
|
|
var group = this.getAttribute("group");
|
|
if (!group) {
|
|
return null;
|
|
}
|
|
|
|
parent = this.ownerDocument.getElementById(group);
|
|
if (!parent ||
|
|
(parent.namespaceURI != XUL_NS) ||
|
|
(parent.localName != "radiogroup")) {
|
|
parent = null;
|
|
}
|
|
return parent;
|
|
]]>
|
|
</getter>
|
|
</property>
|
|
</implementation>
|
|
<handlers>
|
|
<handler event="click" button="0">
|
|
<![CDATA[
|
|
if (!this.disabled)
|
|
this.control.selectedItem = this;
|
|
]]>
|
|
</handler>
|
|
|
|
<handler event="mousedown" button="0">
|
|
<![CDATA[
|
|
if (!this.disabled)
|
|
this.control.focusedItem = this;
|
|
]]>
|
|
</handler>
|
|
</handlers>
|
|
</binding>
|
|
</bindings>
|