OLD | NEW |
| (Empty) |
1 <!-- | |
2 -- Copyright (c) 2011 The Chromium Authors. All rights reserved. | |
3 -- Use of this source code is governed by a BSD-style license that can be | |
4 -- found in the LICENSE file. | |
5 --> | |
6 <html> | |
7 <head> | |
8 <script type="text/javascript" src="standalone_test.js"></script> | |
9 | |
10 <style type="text/css"> | |
11 body { | |
12 margin: 0 | |
13 } | |
14 | |
15 .editor-frame { | |
16 width: 100%; | |
17 height: 100%; | |
18 border: none; | |
19 } | |
20 | |
21 .debug-output { | |
22 position: absolute; | |
23 top: 34px; | |
24 left: 1px; | |
25 text-align: left; | |
26 } | |
27 | |
28 .debug-buttons { | |
29 position: absolute; | |
30 left: 1px; | |
31 bottom: 1px; | |
32 } | |
33 | |
34 .debug-buttons span { | |
35 margin-left: 10px; | |
36 } | |
37 | |
38 .image-url { | |
39 width: 400px; | |
40 margin-left: 20px; | |
41 } | |
42 | |
43 .ghost { | |
44 z-index: 1000; | |
45 background: white; | |
46 border: 1px solid gray; | |
47 opacity: 0.3; | |
48 } | |
49 | |
50 .ghost:hover { | |
51 opacity: 1; | |
52 } | |
53 </style> | |
54 | |
55 </head> | |
56 <body> | |
57 <iframe class="editor-frame" | |
58 scrolling="no" | |
59 src="image_editor.html" | |
60 onload="load(createTestGrid());"> | |
61 </iframe> | |
62 | |
63 <div class="debug-buttons ghost"> | |
64 <span>Sample images:</span> | |
65 <button onclick="load(createTestGrid());">Test grid</button> | |
66 <button onclick="load('images/small.jpg');">Small</button> | |
67 <button onclick="load('images/medium.jpg');">Medium</button> | |
68 <button onclick="load('images/large.jpg');">Large</button> | |
69 <input type="text" class="image-url"> | |
70 <button onclick="load(getUrlField().value);">Load</button> | |
71 </div> | |
72 | |
73 <div class="debug-output ghost"></div> | |
74 </body> | |
75 </html> | |
OLD | NEW |