accessible/tests/mochitest/jsat/doc_content_integration.html@6474c204b198
accessible/tests/mochitest/jsat/doc_content_integration.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Traversal Rule test document</title>
5 <meta charset="utf-8" />
6 <script>
7 var frameContents = '<html>' +
8 '<head><title>such app</title></head>' +
9 '<body>' +
10 '<h1>wow</h1>' +
11 '<label><input type="checkbox">many option</label><br>' +
12 '<label for="r">much range</label>' +
13 '<input min="0" max="10" value="5" type="range" id="r">' +
14 '</body>' +
15 '</html>';
17 function showAlert() {
18 document.getElementById('alert').hidden = false;
19 }
21 function hideAlert() {
22 document.getElementById('alert').hidden = true;
23 }
25 </script>
26 <style>
27 #windows {
28 position: relative;
29 width: 320px;
30 height: 480px;
31 }
33 #windows > iframe {
34 z-index: 1;
35 }
37 #windows > div[role='dialog'] {
38 z-index: 2;
39 background-color: pink;
40 }
42 #windows > * {
43 position: absolute;
44 width: 100%;
45 height: 100%;
46 }
48 iframe {
49 width: 100%;
50 height: 100%;
51 }
53 </style>
55 </head>
56 <body>
57 <div>Phone status bar</div>
58 <div id="windows">
59 <div id="appframe"></div>
60 <div role="dialog" id="alert" hidden>
61 <h1>This is an alert!</h1>
62 <p>Do you agree?</p>
63 <button onclick="hideAlert()">Yes</button>
64 <button onclick="hideAlert()">No</button>
65 </div>
66 </div>
67 <button id="home">Home</button>
68 </body>
69 </html>
