mirror of
https://github.com/roytam1/palemoon27.git
synced 2026-06-10 02:18:57 +00:00
Moonchild
94 lines
2.1 KiB
HTML
94 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Traversal Rule test document</title>
|
|
<meta charset="utf-8" />
|
|
<script>
|
|
var frameContents = '<html>' +
|
|
'<head><title>such app</title></head>' +
|
|
'<body>' +
|
|
'<h1>wow</h1>' +
|
|
'<ul>' +
|
|
'<li><label><input type="checkbox">many option</label></li>' +
|
|
'</ul>' +
|
|
'<label for="r">much range</label>' +
|
|
'<input min="0" max="10" value="5" type="range" id="r">' +
|
|
'</body>' +
|
|
'</html>';
|
|
|
|
function showAlert() {
|
|
document.getElementById('alert').hidden = false;
|
|
}
|
|
|
|
function hideAlert() {
|
|
document.getElementById('alert').hidden = true;
|
|
}
|
|
|
|
function ariaShowBack() {
|
|
document.getElementById('back').setAttribute('aria-hidden', false);
|
|
}
|
|
|
|
function ariaHideBack() {
|
|
document.getElementById('back').setAttribute('aria-hidden', true);
|
|
}
|
|
|
|
function ariaShowIframe() {
|
|
document.getElementById('iframe').setAttribute('aria-hidden', false);
|
|
}
|
|
|
|
function ariaHideIframe() {
|
|
document.getElementById('iframe').setAttribute('aria-hidden', true);
|
|
}
|
|
|
|
function renameFruit() {
|
|
document.getElementById('fruit').setAttribute('aria-label', 'banana');
|
|
}
|
|
|
|
</script>
|
|
<style>
|
|
#windows {
|
|
position: relative;
|
|
width: 320px;
|
|
height: 480px;
|
|
}
|
|
|
|
#windows > iframe {
|
|
z-index: 1;
|
|
}
|
|
|
|
#windows > div[role='dialog'] {
|
|
z-index: 2;
|
|
background-color: pink;
|
|
}
|
|
|
|
#windows > * {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<div>Phone status bar</div>
|
|
<div id="windows">
|
|
<button id="back">Back</button>
|
|
<div role="dialog" id="alert" hidden>
|
|
<h1>This is an alert!</h1>
|
|
<p>Do you agree?</p>
|
|
<button onclick="setTimeout(hideAlert, 500)">Yes</button>
|
|
<button onclick="hideAlert()">No</button>
|
|
</div>
|
|
<div id="appframe"></div>
|
|
</div>
|
|
<button id="home">Home</button>
|
|
<button id="fruit" aria-label="apple"></button>
|
|
</body>
|
|
</html>
|