OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (C) 2009 Google Inc. All rights reserved. | |
3 * | |
4 * Redistribution and use in source and binary forms, with or without | |
5 * modification, are permitted provided that the following conditions are | |
6 * met: | |
7 * | |
8 * * Redistributions of source code must retain the above copyright | |
9 * notice, this list of conditions and the following disclaimer. | |
10 * * Redistributions in binary form must reproduce the above | |
11 * copyright notice, this list of conditions and the following disclaimer | |
12 * in the documentation and/or other materials provided with the | |
13 * distribution. | |
14 * * Neither the name of Google Inc. nor the names of its | |
15 * contributors may be used to endorse or promote products derived from | |
16 * this software without specific prior written permission. | |
17 * | |
18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS | |
19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT | |
20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR | |
21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT | |
22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, | |
23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | |
24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | |
25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | |
26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | |
28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
29 */ | |
30 | |
31 /** | |
32 * This class provides a popup that can be shown relative to an anchor element | |
33 * or at an arbitrary absolute position. | |
34 * Points are Objects: {x: xValue, y: yValue}. | |
35 * Rectangles are Objects: {x: xValue, y: yValue, width: widthValue, height: hei
ghtValue}. | |
36 * | |
37 * element is an optional unparented visible element (style.display != "none" AN
D style.visibility != "hidden"). | |
38 * If the element is absent/undefined, it must have been set with the element(x)
setter before the show() method invocation. | |
39 */ | |
40 WebInspector.Popup = function(element) | |
41 { | |
42 if (element) | |
43 this.element = element; | |
44 this._keyHandler = this._keyEventHandler.bind(this); | |
45 this._mouseDownHandler = this._mouseDownEventHandler.bind(this); | |
46 this._visible = false; | |
47 this._autoHide = true; | |
48 } | |
49 | |
50 WebInspector.Popup.prototype = { | |
51 show: function() | |
52 { | |
53 if (this.visible) | |
54 return; | |
55 var ownerDocument = this._contentElement.ownerDocument; | |
56 if (!ownerDocument) | |
57 return; | |
58 | |
59 this._glasspaneElement = ownerDocument.createElement("div"); | |
60 this._glasspaneElement.className = "popup-glasspane"; | |
61 ownerDocument.body.appendChild(this._glasspaneElement); | |
62 | |
63 this._contentElement.positionAt(0, 0); | |
64 this._contentElement.removeStyleClass("hidden"); | |
65 ownerDocument.body.appendChild(this._contentElement); | |
66 | |
67 this.positionElement(); | |
68 this._visible = true; | |
69 ownerDocument.addEventListener("keydown", this._keyHandler, false); | |
70 ownerDocument.addEventListener("mousedown", this._mouseDownHandler, fals
e); | |
71 }, | |
72 | |
73 hide: function() | |
74 { | |
75 if (this.visible) { | |
76 this._visible = false; | |
77 this._contentElement.ownerDocument.removeEventListener("keydown", th
is._keyHandler, false); | |
78 this._contentElement.ownerDocument.removeEventListener("mousedown",
this._mouseDownHandler, false); | |
79 this._glasspaneElement.parentElement.removeChild(this._glasspaneElem
ent); | |
80 this._contentElement.parentElement.removeChild(this._contentElement)
; | |
81 } | |
82 }, | |
83 | |
84 get visible() | |
85 { | |
86 return this._visible; | |
87 }, | |
88 | |
89 set element(x) | |
90 { | |
91 this._checkNotVisible(); | |
92 this._contentElement = x; | |
93 this._contentElement.addStyleClass("hidden"); | |
94 }, | |
95 | |
96 get element() | |
97 { | |
98 return this._contentElement; | |
99 }, | |
100 | |
101 positionElement: function() | |
102 { | |
103 var element = this._contentElement; | |
104 var anchorElement = this._anchorElement; | |
105 | |
106 var targetDocument = element.ownerDocument; | |
107 var targetDocumentBody = targetDocument.body; | |
108 var targetDocumentElement = targetDocument.documentElement; | |
109 var clippingBox = {x: 0, y: 0, width: targetDocumentElement.clientWidth,
height: targetDocumentElement.clientHeight}; | |
110 var parentElement = element.offsetParent || element.parentElement; | |
111 | |
112 var anchorPosition = {x: anchorElement.totalOffsetLeft, y: anchorElement
.totalOffsetTop}; | |
113 | |
114 // FIXME(apavlov@chromium.org): Translate anchorPosition to the element.
ownerDocument frame when https://bugs.webkit.org/show_bug.cgi?id=28913 is fixed. | |
115 var anchorBox = {x: anchorPosition.x, y: anchorPosition.y, width: anchor
Element.offsetWidth, height: anchorElement.offsetHeight}; | |
116 var elementBox = {x: element.totalOffsetLeft, y: element.totalOffsetTop,
width: element.offsetWidth, height: element.offsetHeight}; | |
117 var newElementPosition = {x: 0, y: 0}; | |
118 | |
119 if (anchorBox.y - elementBox.height >= clippingBox.y) | |
120 newElementPosition.y = anchorBox.y - elementBox.height; | |
121 else | |
122 newElementPosition.y = Math.min(anchorBox.y + anchorBox.height, Math
.max(clippingBox.y, clippingBox.y + clippingBox.height - elementBox.height)); | |
123 | |
124 if (anchorBox.x + elementBox.height <= clippingBox.x + clippingBox.heigh
t) | |
125 newElementPosition.x = anchorBox.x; | |
126 else | |
127 newElementPosition.x = Math.max(clippingBox.x, clippingBox.x + clipp
ingBox.height - elementBox.height); | |
128 element.positionAt(newElementPosition.x, newElementPosition.y); | |
129 }, | |
130 | |
131 set anchor(x) | |
132 { | |
133 this._checkNotVisible(); | |
134 this._anchorElement = x; | |
135 }, | |
136 | |
137 get anchor() | |
138 { | |
139 return this._anchorElement; | |
140 }, | |
141 | |
142 set autoHide(x) | |
143 { | |
144 this._autoHide = x; | |
145 }, | |
146 | |
147 _checkNotVisible: function() | |
148 { | |
149 if (this.visible) | |
150 throw new Error("The popup must not be visible."); | |
151 }, | |
152 | |
153 _keyEventHandler: function(event) | |
154 { | |
155 // Escape hides the popup. | |
156 if (event.keyIdentifier == "U+001B") { | |
157 this.hide(); | |
158 event.preventDefault(); | |
159 event.handled = true; | |
160 } | |
161 }, | |
162 | |
163 _mouseDownEventHandler: function(event) | |
164 { | |
165 if (this._autoHide && event.originalTarget === this._glasspaneElement) | |
166 this.hide(); | |
167 } | |
168 } | |
OLD | NEW |