| 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 |