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
|
// Copyright (c) 2012 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
/**
* @fileoverview A collection of utility methods for UberPage and its contained
* pages.
*/
cr.define('uber', function() {
/**
* This should be called by uber content pages when DOM content has loaded.
*/
function onContentFrameLoaded() {
window.addEventListener('message', handleWindowMessage);
}
/**
* Handles 'message' events on window.
* @param {Event} e The message event.
*/
function handleWindowMessage(e) {
if (e.data.method === 'frameSelected')
handleFrameSelected();
else if (e.data.method === 'mouseWheel')
handleMouseWheel(e.data.params);
}
/**
* This is called when a user selects this frame via the navigation bar
* frame (and is triggered via postMessage() from the uber page).
* @private
*/
function handleFrameSelected() {
document.body.scrollLeft = 0;
}
/**
* Called when a user mouse wheels (or trackpad scrolls) over the nav frame.
* The wheel event is forwarded here and we scroll the body.
* There's no way to figure out the actual scroll amount for a given delta.
* It differs for every platform and even initWebKitWheelEvent takes a
* pixel amount instead of a wheel delta. So we just choose something
* reasonable and hope no one notices the difference.
* @param {Object} params A structure that holds wheel deltas in X and Y.
*/
function handleMouseWheel(params) {
document.body.scrollTop -= params.deltaY * 49 / 120;
document.body.scrollLeft -= params.deltaX * 49 / 120;
}
/**
* Invokes a method on the parent window (UberPage). This is a convenience
* method for API calls into the uber page.
* @param {String} method The name of the method to invoke.
* @param {Object=} opt_params Optional property bag of parameters to pass to
* the invoked method.
* @private
*/
function invokeMethodOnParent(method, opt_params) {
if (window.location == window.parent.location)
return;
invokeMethodOnWindow(window.parent, method, opt_params, 'chrome://chrome');
}
/**
* Invokes a method on the target window.
* @param {String} method The name of the method to invoke.
* @param {Object=} opt_params Optional property bag of parameters to pass to
* the invoked method.
* @param {String=} opt_url The origin of the target window.
* @private
*/
function invokeMethodOnWindow(targetWindow, method, opt_params, opt_url) {
var data = {method: method, params: opt_params};
targetWindow.postMessage(data, opt_url ? opt_url : '*');
}
return {
invokeMethodOnParent: invokeMethodOnParent,
invokeMethodOnWindow: invokeMethodOnWindow,
onContentFrameLoaded: onContentFrameLoaded,
};
});
|
