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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
// Vimperator plugin: 'Walk Input'
// Last Change: 2009-01-25
// License: BSD
// Version: 1.1
// Maintainer: Takayama Fumihiko <tekezo@pqrs.org>
// ------------------------------------------------------------
// The focus walks <input> & <textarea> elements.
// If you type M-i first, the focus moves to "<input name='search' />".
// Then if you type M-i once more, the focus moves to "<input name='name' />".
//
// <html>
// <input name="search" />
// <a href="xxx">xxx</a>
// <a href="yyy">yyy</a>
// <a href="zzz">zzz</a>
// <input name="name" />
// <textarea name="comment"></textarea>
// </html>
// PLUGIN_INFO {{{
let INFO =
<plugin name="Walk-Input" version="1.1"
href="http://svn.coderepos.org/share/lang/javascript/vimperator-plugins/trunk/walk-input.js"
summary="The focus walks 'input' and 'textarea' element."
xmlns="http://vimperator.org/namespaces/liberator">
<author email="tekezo@pqrs.org">Takayama Fumihiko</author>
<license>BSD</license>
<project name="Vimperator" minVersion="2.2"/>
<p>
The focus walks <input> & <textarea> element.
If you type <k name="M-i"/> first, the focus moves to "<input name='search' />".
Then if you type <k name="M-i"/> once more, the focus moves to "<input name='name' />".
</p>
<code><![CDATA[
<html>
<input name="search" />
<a href="xxx">xxx</a>
<a href="yyy">yyy</a>
<a href="zzz">zzz</a>
<input name="name" />
<textarea name="comment"></textarea>
</html>
]]></code>
<item>
<tags><![CDATA[i_<M-i> i_<A-i> <M-i> <A-i>]]></tags>
<spec><M-i></spec>
<spec><A-i></spec>
<description>
<p>Move focus forward</p>
</description>
</item>
<item>
<tags><![CDATA[i_<M-S-i> i_<A-S-i> <M-S-i> <A-S-i>]]></tags>
<spec><M-S-i></spec>
<spec><A-S-i></spec>
<description>
<p>Move focus backward</p>
</description>
</item>
</plugin>;
// }}}
(function () {
var xpath = '//input[@type="text" or @type="password" or @type="search" or not(@type)] | //textarea';
var walkinput = function (forward) {
var focused = document.commandDispatcher.focusedElement;
var current = null;
var next = null;
var prev = null;
var list = [];
(function (frame) {
var doc = frame.document;
if (doc.body.localName.toLowerCase() == 'body') {
let r = doc.evaluate(xpath, doc, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (let i = 0, l = r.snapshotLength; i < l; ++i) {
let e = r.snapshotItem(i);
if (/^none$/i.test(getComputedStyle(e, '').display))
continue;
let ef = {element: e, frame: frame};
list.push(ef);
if (e == focused) {
current = ef;
} else if (current && !next) {
next = ef;
} else if (!current) {
prev = ef;
}
}
}
for (let i = 0; i < frame.frames.length; i++)
arguments.callee(frame.frames[i]);
})(content);
if (list.length <= 0)
return;
var elem = forward ? (next || list[0])
: (prev || list[list.length - 1]);
if (!current || current.frame != elem.frame)
elem.frame.focus();
elem.element.focus();
};
mappings.addUserMap([modes.NORMAL, modes.INSERT], ['<M-i>', '<A-i>'],
'Walk Input Fields (Forward)', function () walkinput(true));
mappings.addUserMap([modes.NORMAL, modes.INSERT], ['<M-S-i>', '<A-S-i>'],
'Walk Input Fields (Backward)', function () walkinput(false));
})();
|
