chrome/browser/resources/file_manager/js/image_editor/standalone_test.html - Issue 8727028: Eliminate use of assignments to innerHTML in File Browser

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: chrome/browser/resources/file_manager/js/image_editor/standalone_test.html

Issue 8727028: Eliminate use of assignments to innerHTML in File Browser (Closed) Base URL: http://git.chromium.org/git/chromium.git@trunk

Patch Set: Created 9 years ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

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