OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>FrameSet Rotation Hit Test</title> | 3 <title>FrameSet Rotation Hit Test</title> |
4 <style> | 4 <style> |
5 ::-webkit-scrollbar { | 5 ::-webkit-scrollbar { |
6 width: 0px; | 6 width: 0px; |
7 height: 0px; | 7 height: 0px; |
8 } | 8 } |
9 </style> | 9 </style> |
10 <script> | 10 <script> |
11 function init() { | 11 function init() { |
12 if (!window.eventSender) | 12 if (!window.eventSender) |
13 return; | 13 return; |
14 // Scale the page and resize the frames to verify hit testing on the
frameset | 14 // Scale the page and resize the frames to verify hit testing on the
frameset |
15 var leftPanelWidth = window.innerWidth / 8; | 15 var leftPanelWidth = window.innerWidth / 8; |
16 var panelHeight = window.innerHeight / 2; | 16 var panelHeight = window.innerHeight / 2; |
17 eventSender.setPageScaleFactor(0.5, 0, 0); | 17 eventSender.setPageScaleFactor(0.5, 0, 0); |
18 eventSender.mouseMoveTo(panelHeight / 2, leftPanelWidth); | 18 eventSender.mouseMoveTo(panelHeight / 2, leftPanelWidth); |
19 eventSender.mouseDown(); | 19 eventSender.mouseDown(); |
20 eventSender.mouseMoveTo(panelHeight / 2, 2 * leftPanelWidth); | 20 eventSender.mouseMoveTo(panelHeight / 2, 2 * leftPanelWidth); |
21 eventSender.mouseUp(); | 21 eventSender.mouseUp(); |
22 } | 22 } |
23 window.onload = init; | 23 window.onload = init; |
24 </script> | 24 </script> |
25 </head> | 25 </head> |
26 <!--rotate the frameset and translate it to make sure the entire frameset is v
isible after scaling--> | 26 <!--rotate the frameset and translate it to make sure the entire frameset is v
isible after scaling--> |
27 <frameset style="width: 4000px; height: 4000px; background-color: red; -webkit
-transform: rotate(90deg) translate(100px, 0px);" cols="25%,75%"> | 27 <frameset style="width: 4000px; height: 4000px; background-color: red; transfo
rm: rotate(90deg) translate(100px, 0px);" cols="25%,75%"> |
28 <frame src="data:text/html,<body bgcolor='green'></body>"> | 28 <frame src="data:text/html,<body bgcolor='green'></body>"> |
29 <frame src="data:text/html,<body bgcolor='green'></body>"> | 29 <frame src="data:text/html,<body bgcolor='green'></body>"> |
30 </frameset> | 30 </frameset> |
31 </html> | 31 </html> |
OLD | NEW |