| <!DOCTYPE html> |
| <html> |
| <!-- |
| |
| Copyright (c) 2015 The Chromium Authors. All rights reserved. |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. |
| |
| --> |
| <head> |
| <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> |
| <style> |
| #first { |
| position: absolute; |
| width: 100px; |
| height: 100px; |
| top: 0px; |
| left: 0px; |
| background-color: green; |
| transform: translate3d(0, 0, 0); |
| } |
| </style> |
| <script> |
| var xmlhttp = new XMLHttpRequest(); |
| |
| function openHello() { |
| window.location = 'hello.html'; |
| }; |
| |
| function xhrOnReadyStateChange() { |
| if (xmlhttp.readyState==4 && xmlhttp.status==200) { |
| setTimeout(openHello, 100); |
| } |
| }; |
| |
| function xhrAndOpenHello(e) { |
| xmlhttp.onreadystatechange = xhrOnReadyStateChange; |
| xmlhttp.open("GET", 'hello.html' , true); |
| xmlhttp.send(); |
| |
| e.preventDefault(); |
| }; |
| |
| function setup() { |
| first.ontouchend = xhrAndOpenHello; |
| }; |
| </script> |
| </head> |
| <body onload='setup();'> |
| <div id='first'></div> |
| </body> |
| </html> |