forked from qt-creator/qt-creator
dece4dccc7
Code provided by the Bostoner Browser team. The HTML5 wizard shows a checkbox "Enable touch optimized navigation" which enables flicking and enlarged click areas. By default, the option is turned off. Task-Number: QTCREATORBUG-3284
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<style type="text/css">
|
|
body { margin: 0; font-size: 2em; background-color: white; }
|
|
h1 { text-align: center; color: red; }
|
|
h1 + h1 { color: green; }
|
|
h1:last-child { color: blue; }
|
|
#quit { background-color: gray; color: white; font-weight: bold; display: block; text-align: right; }
|
|
</style>
|
|
<script type="text/javascript">
|
|
var counter = 0;
|
|
function toggleElement()
|
|
{
|
|
var elements = document.getElementsByTagName('h1');
|
|
for (var i = 0; i < elements.length; ++i)
|
|
elements[i].style.display = (counter % elements.length) == i ? '' : 'none';
|
|
counter++;
|
|
setTimeout('toggleElement()', 1000);
|
|
}
|
|
window.onload = function()
|
|
{
|
|
document.getElementById("quit").onmousedown = function()
|
|
{
|
|
Qt.quit();
|
|
};
|
|
toggleElement();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<a id="quit">X</a>
|
|
<h1>Hello</h1>
|
|
<h1>HTML5</h1>
|
|
<h1>World</h1>
|
|
</body>
|
|
</html>
|