Skip to content
Newer
Older
100644 113 lines (110 sloc) 3.07 KB
07883a4 @klange And without further ado: Widgets!
klange authored Dec 28, 2011
1 <!doctype html>
2 <html manifest="cache.manifest">
3 <head>
4 <title>Acoustics IFrame Widget Sample</title>
5 <style>
6 .acoustics-box {
7 padding: 4px;
8 border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
9 background-color: #222;
10 width: 250px;
11 height: 100px;
b389b55 @klange Control bar widget
klange authored Dec 28, 2011
12 margin-bottom: 10px;
9016f0a @klange Queue widget
klange authored Dec 28, 2011
13 }
14 .acoustics-queue {
15 margin-left: 10px;
16 padding: 4px;
17 border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
18 background-color: #222;
19 width: 400px;
20 height: 400px;
21 }
22 .room-title {
2d88fad @klange Some fun style for the test page
klange authored Dec 28, 2011
23 font-family: sans-serif;
24 font-size: 14px;
25 color: #FFF;
26 text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
27 padding-bottom: 3px;
28 font-weight: bold;
07883a4 @klange And without further ado: Widgets!
klange authored Dec 28, 2011
29 }
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
30 .acoustics-controls {
31 padding: 4px;
32 border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
33 background-color: #222;
34 width: 250px;
35 height: 100px;
36 overflow: hidden;
37 }
38 .floater {
39 float: left;
40 }
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
41 .clearer {
42 clear: both;
43 }
44 .player {
45 margin: 10px;
46 border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
47 background-color: #45C;
48 padding: 8px;
49 width: 684px;
50 }
07883a4 @klange And without further ado: Widgets!
klange authored Dec 28, 2011
51 </style>
52 <script>
0d8abf9 @klange hackery
klange authored Dec 28, 2011
53 function setRoom(what, which) {
54 what.contentWindow.setPlayer(which);
07883a4 @klange And without further ado: Widgets!
klange authored Dec 28, 2011
55 }
0d8abf9 @klange hackery
klange authored Dec 28, 2011
56 function force() {
57 setRoom(document.getElementById("rooma"),"default");
9016f0a @klange Queue widget
klange authored Dec 28, 2011
58 setRoom(document.getElementById("rooma_queue"),"default");
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
59 setRoom(document.getElementById("rooma_controls"),"default");
0d8abf9 @klange hackery
klange authored Dec 28, 2011
60 setRoom(document.getElementById("roomb"),"extra");
9016f0a @klange Queue widget
klange authored Dec 28, 2011
61 setRoom(document.getElementById("roomb_queue"),"extra");
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
62 setRoom(document.getElementById("roomb_controls"),"extra");
0d8abf9 @klange hackery
klange authored Dec 28, 2011
63 }
64 setTimeout('force()', 3000);
07883a4 @klange And without further ado: Widgets!
klange authored Dec 28, 2011
65 </script>
66 </head>
67 <body>
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
68
69 <div>
70 <a href="javascript:force()">[Fix Broken Players]</a>
71 </div>
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
72 <div class="player">
73 <div class="room-title">
74 Room 'default':
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
75 </div>
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
76 <div class="floater">
77 <div class="acoustics-box">
78 <iframe width="100%" height="100%" src="widget.html" frameBorder="0" id="rooma" onload="setRoom(this,'default')"></iframe>
79 </div>
80 <div class="acoustics-controls">
81 <iframe width="100%" height="100%" src="controls.html" frameBorder="0" id="rooma_controls" onload="setRoom(this,'default')"></iframe>
82 </div>
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
83 </div>
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
84 <div class="floater">
85 <div class="acoustics-queue">
86 <iframe width="100%" height="100%" src="queue.html" frameBorder="0" id="rooma_queue" onload="setRoom(this,'default')"></iframe>
87 </div>
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
88 </div>
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
89 <div class="clearer"></div>
9016f0a @klange Queue widget
klange authored Dec 28, 2011
90 </div>
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
91 <div class="player">
92 <div class="room-title">
93 Room 'extra':
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
94 </div>
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
95 <div class="floater">
96 <div class="acoustics-box">
97 <iframe width="100%" height="100%" src="widget.html" frameBorder="0" id="roomb" onload="setRoom(this,'extra')"></iframe>
98 </div>
99 <div class="acoustics-controls">
100 <iframe width="100%" height="100%" src="controls.html" frameBorder="0" id="roomb_controls" onload="setRoom(this,'extra')"></iframe>
101 </div>
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
102 </div>
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
103 <div class="floater">
104 <div class="acoustics-queue">
105 <iframe width="100%" height="100%" src="queue.html" frameBorder="0" id="roomb_queue" onload="setRoom(this,'extra')"></iframe>
106 </div>
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
107 </div>
2d88fad @klange Some fun style for the test page
klange authored Dec 29, 2011
108 <div class="clearer"></div>
9016f0a @klange Queue widget
klange authored Dec 28, 2011
109 </div>
07883a4 @klange And without further ado: Widgets!
klange authored Dec 28, 2011
110 </body>
111 </html>
b389b55 @klange Control bar widget
klange authored Dec 29, 2011
112
Something went wrong with that request. Please try again.