mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-10-17 20:57:30 +09:00
import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo
This commit is contained in:
Roy Tam
commit
dcd9973243
150858 changed files with 23884658 additions and 0 deletions
526
toolkit/content/widgets/radio.xml
Normal file
526
toolkit/content/widgets/radio.xml
Normal file
|
|
@ -0,0 +1,526 @@
|
|||
<?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" role="xul:radiogroup"
|
||||
extends="chrome://global/content/bindings/general.xml#basecontrol">
|
||||
<resources>
|
||||
<stylesheet src="chrome://global/skin/radio.css"/>
|
||||
</resources>
|
||||
|
||||
<implementation implements="nsIDOMXULSelectControlElement">
|
||||
<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="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);
|
||||
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();
|
||||
// Prevent page from scrolling on the space key.
|
||||
event.preventDefault();
|
||||
</handler>
|
||||
<handler event="keypress" keycode="VK_UP" phase="target">
|
||||
this.checkAdjacentElement(false);
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
</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();
|
||||
event.preventDefault();
|
||||
</handler>
|
||||
<handler event="keypress" keycode="VK_DOWN" phase="target">
|
||||
this.checkAdjacentElement(true);
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
</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();
|
||||
event.preventDefault();
|
||||
</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" role="xul:radiobutton"
|
||||
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">
|
||||
<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.control)
|
||||
return;
|
||||
|
||||
var radioList = this.control._radioChildren;
|
||||
if (!radioList)
|
||||
return;
|
||||
for (var i = 0; i < radioList.length; ++i) {
|
||||
if (radioList[i] == this) {
|
||||
radioList.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
]]>
|
||||
</destructor>
|
||||
<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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue