OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <!-- | 3 <!-- |
4 | 4 |
5 Copyright (c) 2015 The Chromium Authors. All rights reserved. | 5 Copyright (c) 2015 The Chromium Authors. All rights reserved. |
6 Use of this source code is governed by a BSD-style license that can be | 6 Use of this source code is governed by a BSD-style license that can be |
7 found in the LICENSE file. | 7 found in the LICENSE file. |
8 | 8 |
9 --> | 9 --> |
10 <head> | 10 <head> |
11 <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> | 11 <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> |
12 <style> | 12 <style> |
13 #first { | 13 #first { |
14 position: absolute; | 14 position: absolute; |
15 width: 100px; | 15 width: 100px; |
16 height: 100px; | 16 height: 100px; |
17 top: 0px; | 17 top: 0px; |
18 left: 0px; | 18 left: 0px; |
19 background-color: green; | 19 background-color: green; |
20 -webkit-transform: translate3d(0, 0, 0); | 20 transform: translate3d(0, 0, 0); |
21 } | 21 } |
22 </style> | 22 </style> |
23 <script> | 23 <script> |
24 var xmlhttp = new XMLHttpRequest(); | 24 var xmlhttp = new XMLHttpRequest(); |
25 | 25 |
26 function xhrOnReadyStateChange() { | 26 function xhrOnReadyStateChange() { |
27 if (xmlhttp.readyState==4 && xmlhttp.status==200) { | 27 if (xmlhttp.readyState==4 && xmlhttp.status==200) { |
28 window.location = 'hello.html'; | 28 window.location = 'hello.html'; |
29 } | 29 } |
30 }; | 30 }; |
31 | 31 |
32 function xhrAndOpenHello(e) { | 32 function xhrAndOpenHello(e) { |
33 xmlhttp.onreadystatechange = xhrOnReadyStateChange; | 33 xmlhttp.onreadystatechange = xhrOnReadyStateChange; |
34 xmlhttp.open("GET", 'hello.html' , true); | 34 xmlhttp.open("GET", 'hello.html' , true); |
35 xmlhttp.send(); | 35 xmlhttp.send(); |
36 | 36 |
37 e.preventDefault(); | 37 e.preventDefault(); |
38 }; | 38 }; |
39 | 39 |
40 function setup() { | 40 function setup() { |
41 first.ontouchend = xhrAndOpenHello; | 41 first.ontouchend = xhrAndOpenHello; |
42 }; | 42 }; |
43 </script> | 43 </script> |
44 </head> | 44 </head> |
45 <body onload='setup();'> | 45 <body onload='setup();'> |
46 <div id='first'></div> | 46 <div id='first'></div> |
47 </body> | 47 </body> |
48 </html> | 48 </html> |
OLD | NEW |