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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
var SCROLL_STEP_SIZE = 100; // Pixels
document.addEventListener("keydown", onKeydown);
document.addEventListener("focus", onFocusCapturePhase, true);
document.addEventListener("blur", onBlurCapturePhase, true);
// Send the key to the key handler in the background page.
var keyPort = chrome.extension.connect({name: "keyDown"});
var keymap = { ESC: 27, i: 73 };
var insertMode = false;
function scrollToBottom() { window.scrollTo(0, document.body.scrollHeight); }
function scrollToTop() { window.scrollTo(0, 0); }
function scrollUp() { window.scrollBy(0, -1 * SCROLL_STEP_SIZE); }
function scrollDown() { window.scrollBy(0, SCROLL_STEP_SIZE); }
function scrollLeft() { window.scrollBy(-1 * SCROLL_STEP_SIZE, 0); }
function scrollRight() { window.scrollBy(SCROLL_STEP_SIZE, 0); }
function reload() { window.location.reload(); }
chrome.extension.onConnect.addListener(function (port, name) {
if (port.name == "executePageCommand")
{
port.onMessage.addListener(function (args) {
if (this[args.command])
{
for (var i = 0; i < args.count; i++) { this[args.command].call(); }
}
});
}
else if (port.name == "getScrollPosition")
{
port.onMessage.addListener(function (args) {
// These conditionals are necessary due to the following chrome/webkit bug:
// http://code.google.com/p/chromium/issues/detail?id=2891
//
// There may be another bug or some javascript trickery necessary because scrollTop occasionally returns
// 3 or 108 on some sites (cnn.com, nytimes.com for example).
//
// TODO(ilya): Is this actually also necessary for scrollLeft?
var scrollTop = document.documentElement.scrollTop >= document.body.scrollTop ? document.documentElement.scrollTop :
document.body.scrollTop;
var scrollLeft = document.documentElement.scrollLeft >= document.body.scrollLeft ? document.documentElement.scrollLeft :
document.body.scrollLeft;
var scrollPort = chrome.extension.connect({name: "returnScrollPosition"});
scrollPort.postMessage({ scrollTop: scrollTop, scrollLeft: scrollLeft, currentTab: args.currentTab });
});
}
else if (port.name == "setScrollPosition")
{
port.onMessage.addListener(function (args) {
if (args.scrollTop > 0 || args.scrollLeft > 0) { window.scrollBy(args.scrollLeft, args.scrollTop); }
});
}
});
/**
* Sends everything except i & ESC to the handler in background_page. i & ESC are special because they control
* insert mode which is local state to the page.
*
* Note that some keys will only register keydown events and not keystroke events, e.g. ESC.
*/
function onKeydown(event) {
var key = event.keyCode;
if (insertMode && key == keymap.ESC) { exitInsertMode(); }
else if (!insertMode && key == keymap.i) { enterInsertMode(); }
// Ignore modifier keys by themselves.
else if (!insertMode && key > 31 && key < 127)
{
var keyChar = String.fromCharCode(key);
if (event.shiftKey)
keyPort.postMessage(keyChar.toUpperCase());
else
keyPort.postMessage(keyChar.toLowerCase());
}
}
function onFocusCapturePhase(event) {
if (event.target.tagName == "INPUT" || event.target.tagName == "TEXTAREA")
enterInsertMode();
}
function onBlurCapturePhase(event) {
if (event.target.tagName == "INPUT" || event.target.tagName == "TEXTAREA")
exitInsertMode();
}
function enterInsertMode() {
insertMode = true;
HUD.show("Insert mode");
}
function exitInsertMode() {
insertMode = false;
HUD.hide();
}
HUD = {
show:function(text) {
HUD.displayElement().innerHTML = text;
HUD.displayElement().style.display = "";
},
/*
* Retrieves the HUD HTML element, creating it if necessary.
*/
displayElement: function() {
if (!HUD._displayElement) {
var element = document.createElement("div");
element.innerHTML = "howdy";
element.style.position = "fixed";
element.style.bottom = "0px";
element.style.left = "10px";
element.style.backgroundColor = " #e5e5e5";
element.style.maxWidth = "400px";
element.style.fontSize = "11px";
element.style.padding = "3px";
element.style.border = "1px solid #cccccc";
element.style.borderBottomWidth = "0px";
// element.style.fontFamily = "monospace";
document.body.appendChild(element);
HUD._displayElement = element
}
return HUD._displayElement
},
hide: function() {
HUD.displayElement().style.display = "none";
}
};
|
