Custom_Buttons/code_snippets/autoOpenCloseMenu.js at master · Infocatcher/Custom_Buttons · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
// https://github.com/Infocatcher/Custom_Buttons/blob/master/code_snippets/autoOpenCloseMenu.js
// Automatically open menu on mouse over (and hide it on mouse out)
// (code for "initialization" section)

// Dummy menu
this.type = "menu";
this.orient = "horisontal";
this.appendChild(parseXULFromString(
	'<menupopup xmlns="' + xulns + '" oncommand="alert(event.target.getAttribute(\'label\'));">\
		<menuitem label="Item 1" />\
		<menuitem label="Item 2" />\
		<menuitem label="Item 3" />\
	</menupopup>'
));
function parseXULFromString(xul) {
	xul = xul.replace(/>\s+</g, "><");
	try {
		return new DOMParser().parseFromString(xul, "application/xml").documentElement;
	}
	catch(e) {
		// See http://custombuttons.sourceforge.net/forum/viewtopic.php?f=5&t=3720
		// + https://forum.mozilla-russia.org/viewtopic.php?pid=732243#p732243
		var dummy = document.createElement("dummy");
		dummy.innerHTML = xul.trimLeft();
		return dummy.firstChild;
	}
}

// Autoopen/close feature
var openDelay = 200;
var closeDelay = 350;

var _openTimer = 0;
var _closeTimer = 0;
this.onmouseover = function(e) {
	clearTimeout(_closeTimer);
	if(e.target == this && closeOtherMenus()) {
		this.open = true;
		return;
	}
	_openTimer = setTimeout(function() {
		self.open = true;
	}, openDelay);
};
this.onmouseout = function(e) {
	clearTimeout(_openTimer);
	_closeTimer = setTimeout(function() {
		if(!isContextOpened())
			self.open = false;
	}, closeDelay);
};
function closeOtherMenus() {
	return Array.prototype.some.call(
		self.parentNode.getElementsByTagName("*"),
		function(node) {
			if(
				node != self
				&& node.namespaceURI == xulns
				// See https://github.com/Infocatcher/Custom_Buttons/issues/28
				//&& node.boxObject
				//&& node.boxObject instanceof Components.interfaces.nsIMenuBoxObject
				&& "open" in node
				&& node.open
				&& node.getElementsByTagName("menupopup").length
			) {
				node.open = false;
				return true;
			}
			return false;
		}
	);
}
function isContextOpened() {
	return inBtn(document.popupNode);
}
function inBtn(node) {
	for(; node; node = node.parentNode)
		if(node == self)
			return true;
	return false;
}