aboutsummaryrefslogtreecommitdiff
path: root/static/development-bundle/external/bgiframe/test/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'static/development-bundle/external/bgiframe/test/index.html')
-rw-r--r--static/development-bundle/external/bgiframe/test/index.html197
1 files changed, 197 insertions, 0 deletions
diff --git a/static/development-bundle/external/bgiframe/test/index.html b/static/development-bundle/external/bgiframe/test/index.html
new file mode 100644
index 0000000..82be8e8
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/test/index.html
@@ -0,0 +1,197 @@
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
3<html debug="true">
4 <head>
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
6 <title>jQuery bgiframe Visual Test</title>
7
8 <!-- load latest build of jquery.js -->
9 <script type="text/javascript" src="../../../jquery/dist/jquery.js"></script>
10
11 <!-- load dimensions.js (this is what we're testing! -->
12 <script type="text/javascript" src="../jquery.bgiframe.js"></script>
13
14 <!-- load firebug lite
15 <script type="text/javascript" src="http://brandon.jquery.com/firebuglite/firebug.js"></script>-->
16
17 <link rel="Stylesheet" media="screen" href="../../../jquery/test/data/testsuite.css" />
18
19 <script type="text/javascript" charset="utf-8">
20 $(function() {
21 $('#userAgent').html(navigator.userAgent);
22 $('#box2').bgiframe();
23 $('#box3').bgiframe({top: -5, left: -5});
24 $('#box4').bgiframe({top: -5, left: -5, width: 270, height: 120});
25 $('#box5').bgiframe({top: 0, left: 0, width: 260, height: 110});
26 $('#box6').bgiframe({top: '-5px', left: '-5px', width: '270px', height: '120px'});
27 $('#box7').bgiframe({top: '-.5em', left: '-.5em', width: '17em', height: '12em'});
28 $('#box8').bgiframe({top: '-.5em', left: '-.5em'});
29 $('#box9').bgiframe({opacity:false});
30 });
31 </script>
32
33 <style type="text/css" media="screen">
34 #wrapper { position: relative; width: 100%; font: 12px Arial; }
35 form { position: absolute; top: 0; left: 0; width: 100%; }
36 select { position: relative; width: 100%; margin: 0 0 2px; z-index: 1; }
37
38 .box { position: relative; z-index: 2; float: left; margin: 5px; border: 5px solid #666; padding: 5px; width: 250px; height: 100px; color: #000; background-color: #999; }
39 dl { margin: 0; padding: 0; }
40 dt { float: left; margin: 0; padding: 0; width: 50px; }
41 dd { margin: 0; padding: 0; }
42 #box7, #box8 { border-width: .5em; padding: .5em; width: 15em; height: 10em; }
43 </style>
44 </head>
45 <body>
46 <h1 id="banner">jQuery bgiframe - Visual Test</h1>
47 <h2 id="userAgent"></h2>
48 <div id="wrapper">
49 <form action="#" method="get" accept-charset="utf-8">
50 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
51 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
52 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
53 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
54 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
55 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
56 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
57 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
58 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
59 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
60 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
61 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
62 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
63 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
64 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
65 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
66 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
67 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
68 <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
69 </form>
70
71 <div id="box1" class="box">nothing</div>
72 <div id="box2" class="box">
73 <dl>
74 <dt>top:</dt>
75 <dd>'auto'</dd>
76
77 <dt>left:</dt>
78 <dd>'auto'</dd>
79
80 <dt>width:</dt>
81 <dd>'auto'</dd>
82
83 <dt>height:</dt>
84 <dd>'auto'</dd>
85 </dl>
86 </div>
87 <div id="box3" class="box">
88 <dl>
89 <dt>top:</dt>
90 <dd>0</dd>
91
92 <dt>left:</dt>
93 <dd>0</dd>
94
95 <dt>width:</dt>
96 <dd>'auto'</dd>
97
98 <dt>height:</dt>
99 <dd>'auto'</dd>
100 </dl>
101 </div>
102 <div id="box4" class="box">
103 <dl>
104 <dt>top:</dt>
105 <dd>-5</dd>
106
107 <dt>left:</dt>
108 <dd>-5</dd>
109
110 <dt>width:</dt>
111 <dd>270</dd>
112
113 <dt>height:</dt>
114 <dd>120</dd>
115 </dl>
116 </div>
117 <div id="box5" class="box">
118 <dl>
119 <dt>top:</dt>
120 <dd>0</dd>
121
122 <dt>left:</dt>
123 <dd>0</dd>
124
125 <dt>width:</dt>
126 <dd>260</dd>
127
128 <dt>height:</dt>
129 <dd>110</dd>
130 </dl>
131 </div>
132 <div id="box6" class="box">
133 <dl>
134 <dt>top:</dt>
135 <dd>'-5px'</dd>
136
137 <dt>left:</dt>
138 <dd>'-5px'</dd>
139
140 <dt>width:</dt>
141 <dd>'270px'</dd>
142
143 <dt>height:</dt>
144 <dd>'120px'</dd>
145 </dl>
146 </div>
147 <div id="box7" class="box">
148 <dl>
149 <dt>top:</dt>
150 <dd>'-.5em'</dd>
151
152 <dt>left:</dt>
153 <dd>'-.5em'</dd>
154
155 <dt>width:</dt>
156 <dd>'17em'</dd>
157
158 <dt>height:</dt>
159 <dd>'12em'</dd>
160 </dl>
161 </div>
162 <div id="box8" class="box">
163 <dl>
164 <dt>top:</dt>
165 <dd>'-.5em'</dd>
166
167 <dt>left:</dt>
168 <dd>'-.5em'</dd>
169
170 <dt>width:</dt>
171 <dd>'auto'</dd>
172
173 <dt>height:</dt>
174 <dd>'auto'</dd>
175 </dl>
176 </div>
177 <div id="box9" class="box">
178 <dl>
179 <dt>top:</dt>
180 <dd>'auto'</dd>
181
182 <dt>left:</dt>
183 <dd>'auto'</dd>
184
185 <dt>width:</dt>
186 <dd>'auto'</dd>
187
188 <dt>height:</dt>
189 <dd>'auto'</dd>
190
191 <dt>opacity:</dt>
192 <dd>false</dd>
193 </dl>
194 </div>
195 </div>
196 </body>
197</html> \ No newline at end of file
© 2015 Mike Crute