debug_popup.html

   1 <html>
   2 <head>
   3 <script language="JavaScript" src="debugger.js"></script>
   4 <style>
   5
   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;
  13         }
  14
  15 #main {
  16   width: 100%;
  17   }
  18
  19 /* HEADLINE STYLESHEETS */
  20
  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;
  31         }
  32
  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;
  42         }
  43
  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;
  53         }
  54
  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;
  65         }
  66
  67 /* PURPLE BOX WITH A "P" IN IT */
  68
  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;
  80         }
  81
  82 /* WHITE BOX WITH A "+" IN IT */
  83
  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;
  95   }
  96
  97 /* BLUE BOX WITH A "U" IN IT */
  98
  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;
 110   }
 111
 112 /* WHITE BOX WITH A "R" IN IT */
 113 /* SHOWN ON MAIN BANNER       */
 114
 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;
 126   }
 127
 128 .agent {
 129   position: absolute;
 130   display: inline;
 131   left: 250px;
 132   }
 133
 134 .events {
 135   position: absolute;
 136   left: 150px;
 137   display: inline;
 138   font-weight: bold;
 139   }
 140
 141 .ajaxt {
 142   position: absolute;
 143   left: 300px;
 144   display: inline;
 145   font-weight: bold;
 146   }
 147
 148 #ajax_min {
 149   color: #0a0;
 150   display: inline;
 151   }
 152
 153 #ajax_max {
 154   color: #f00;
 155   display: inline;
 156   }
 157
 158 #ajax_avg {
 159   color: #00f;
 160   display: inline;
 161   }
 162
 163 .time {
 164   position: absolute;
 165   left: 100px;
 166   display: inline;
 167   }
 168
 169 .url {
 170   display: inline;
 171   }
 172
 173 #time {
 174         display: inline;
 175         }
 176
 177 #ping {
 178   display: inline;
 179   position: absolute;
 180   left: 450px;
 181   }
 182
 183 .cookie {
 184   border-top: 1px solid #fff;
 185   background-color: #f4f4f4;
 186   }
 187
 188 .post {
 189   border-top: 1px solid #ccc;
 190   background-color: #ddd;
 191   }
 192
 193 .payload {
 194   font-size: 12px;
 195   font-family: sans-serif;
 196   }
 197
 198 /* COLORS FOR PAYLOAD */
 199
 200 #bold {
 201         color: #000;
 202         display: inline;
 203         font-weight: bold;
 204         }
 205
 206 #gray {
 207         color: #aaa;
 208         display: inline;
 209         }
 210
 211 #green {
 212         color: #0a0;
 213         display: inline;
 214         }
 215
 216 #blue {
 217         color: #00f;
 218         display: inline;
 219         }
 220
 221 #red {
 222         color: #f00;
 223         display: inline;
 224         }
 225
 226 /* ALIGNMENT DIVs */
 227
 228 #right_justify {
 229   display: inline;
 230   width: 45%; /* KEEPS DIV INFO FROM JUMPING */
 231   text-align: right;
 232   }
 233
 234 #left_justify {
 235   display: inline;
 236   width: 45%; /* KEEPS DIV INFO FROM JUMPING */
 237   text-align:left;
 238   }
 239
 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>
 258
 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>
 275     -->
 276 </div>
 277 </body>
 278 </html>