Added discussion feature to site.
[Assignment-Trapper.git] / debug_popup.html
blob1881b652cfa7a3e95d2afedfab885fa4bd3021bc
1 <html>
2 <head>
3 <script language="JavaScript" src="debugger.js"></script>
4 <style>
6 .header {
7 background-color: #ddd;
8 border: 1px solid #000;
9 font-size: 12px;
10 font-family: sans-serif;
11 width: 100%;
12 padding: 1px 1px 1px 1px;
15 #main {
16 width: 100%;
19 /* HEADLINE STYLESHEETS */
21 #error_headline {
22 white-space: nowrap;
23 background-color: #f00;
24 color: #fff;
25 border: 1px solid #000;
26 border-top: none;
27 font-size: 12px;
28 font-family: sans-serif;
29 position: relative;
30 padding: 1px 1px 1px 1px;
33 #get_headline {
34 white-space: nowrap;
35 background-color: #ffd695;
36 border: 1px solid #000;
37 border-top: none;
38 font-size: 12px;
39 font-family: sans-serif;
40 position: relative;
41 padding: 1px 1px 1px 1px;
44 #got_headline {
45 white-space: nowrap;
46 background-color: #bfb;
47 border: 1px solid #000;
48 border-top: none;
49 font-size: 12px;
50 font-family: sans-serif;
51 position: relative;
52 padding: 1px 1px 1px 1px;
55 #unknown_headline {
56 white-space: nowrap;
57 background-color: #2100b1;
58 border: 1px solid #000;
59 border-top: none;
60 font-size: 12px;
61 font-family: sans-serif;
62 position: relative;
63 padding: 1px 1px 1px 1px;
64 color: #fff;
67 /* PURPLE BOX WITH A "P" IN IT */
69 .content {
70 position: absolute;
71 top: 2px;
72 right: 28px;
73 width: 10px;
74 height: 10px;
75 border: 1px solid #000;
76 background-color: #a000ff;
77 cursor:pointer;
78 color: #fff;
79 display: inline;
82 /* WHITE BOX WITH A "+" IN IT */
84 .icon {
85 position: absolute;
86 top: 2px;
87 right: 2px;
88 width: 10px;
89 height: 10px;
90 border: 1px solid #000;
91 background-color: #fff;
92 cursor:pointer;
93 color: #000;
94 display: inline;
97 /* BLUE BOX WITH A "U" IN IT */
99 .address {
100 position: absolute;
101 top: 2px;
102 right: 14px;
103 width: 10px;
104 height: 10px;
105 border: 1px solid #000;
106 background-color: #0066ff;
107 cursor:pointer;
108 color: #fff;
109 display: inline;
112 /* WHITE BOX WITH A "R" IN IT */
113 /* SHOWN ON MAIN BANNER */
115 .reset {
116 position: absolute;
117 top: 17px;
118 right: 12px;
119 width: 10px;
120 height: 10px;
121 border: 1px solid #000;
122 background-color: #f00;
123 cursor:pointer;
124 color: #fff;
125 display: inline;
128 .agent {
129 position: absolute;
130 display: inline;
131 left: 250px;
134 .events {
135 position: absolute;
136 left: 150px;
137 display: inline;
138 font-weight: bold;
141 .ajaxt {
142 position: absolute;
143 left: 300px;
144 display: inline;
145 font-weight: bold;
148 #ajax_min {
149 color: #0a0;
150 display: inline;
153 #ajax_max {
154 color: #f00;
155 display: inline;
158 #ajax_avg {
159 color: #00f;
160 display: inline;
163 .time {
164 position: absolute;
165 left: 100px;
166 display: inline;
169 .url {
170 display: inline;
173 #time {
174 display: inline;
177 #ping {
178 display: inline;
179 position: absolute;
180 left: 450px;
183 .cookie {
184 border-top: 1px solid #fff;
185 background-color: #f4f4f4;
188 .post {
189 border-top: 1px solid #ccc;
190 background-color: #ddd;
193 .payload {
194 font-size: 12px;
195 font-family: sans-serif;
198 /* COLORS FOR PAYLOAD */
200 #bold {
201 color: #000;
202 display: inline;
203 font-weight: bold;
206 #gray {
207 color: #aaa;
208 display: inline;
211 #green {
212 color: #0a0;
213 display: inline;
216 #blue {
217 color: #00f;
218 display: inline;
221 #red {
222 color: #f00;
223 display: inline;
226 /* ALIGNMENT DIVs */
228 #right_justify {
229 display: inline;
230 width: 45%; /* KEEPS DIV INFO FROM JUMPING */
231 text-align: right;
234 #left_justify {
235 display: inline;
236 width: 45%; /* KEEPS DIV INFO FROM JUMPING */
237 text-align:left;
240 </style>
241 </head>
242 <body onload="StartClock();" onunload="KillClock()">
243 <div class=header>
244 <div id=bold>Debug Console</div>
245 <!-- <div id=bold>testPage.php</div> -->
246 <div class=agent><script> document.write(navigator.appName + " - " + navigator.platform);</script></div>
247 <br />
248 <div id=time>00:00:00</div>
249 <div class=ajaxt>
250 <div id=bold>Ajax Time</div>{&nbsp;
251 <div id=ajax_max>Max: 0</div>|
252 <div id=ajax_avg>Avg: 0</div>|
253 <div id=ajax_min>Min: 0</div>&nbsp;}
254 </div>
255 <div class=events id=events>Event: 0</div>
256 <div class=reset onClick='clearDebugger()'>R</div>
257 </div>
259 <div id=main>
260 <!-- SAMPLE DATA
261 <div id="get_headline">
262 18:15:12
263 <div class=time>PING: 0.0000</div>
264 <br />URL:
265 <div class=url>google.com</div>
266 <div class=content>C</div>
267 <div class=address>U</div>
268 <div class=icon>~</div>
269 </div>
270 <div class=payload>
271 <div class=code><div id=bold>PAYLOAD DATA:</div><br />DATA DATA DATA DATA </div>
272 <div class=post><div id=bold>POST DATA:</div><br />DATA DATA DATA DATA</div>
273 <div class=cookie><div id=bold>COOKIE DATA:</div><br /> <script></script></div>
274 </div>
276 </div>
277 </body>
278 </html>