git.roojs.org Git - roojs1/blob - ux/ieconsole.js

   1 /* Faux Console by Chris Heilmann http://wait-till-i.com */
   2 if(!window.console){
   3         var console={
   4                 init:function(){
   5                         console.d=document.createElement('div');
   6                         document.body.appendChild(console.d);
   7                         var a=document.createElement('a');
   8                         a.href='javascript:console.hide()';
   9             a.innerHTML='close';
  10             console.d.appendChild(a);
  11             var a=document.createElement('a');
  12             a.href='javascript:console.clear();';
  13             a.innerHTML='clear';
  14             console.d.appendChild(a);
  15             var id='fauxconsole';
  16             if(!document.getElementById(id)){
  17                 console.d.id=id;
  18             }
  19             console.hide();
  20             var st = document.createElement('style');
  21             st.type="text/css";
  22             st.media="all";
  23
  24
  25             var CSS = "\n" +
  26                 '#fauxconsole{' +
  27                 '    position:absolute;' +
  28                 '    top:0;'+
  29                 '    right:0;'+
  30                 '    width:300px;'+
  31                 '    border:1px solid #999;'+
  32                 '    font-family:courier,monospace;'+
  33                 '    background:#eee;'+
  34                 '    font-size:10px;'+
  35                 '    padding:10px;'+
  36                 '}'+
  37                 'html>body #fauxconsole{'+
  38                 '    position:fixed;'+
  39                 '}'+
  40                 '#fauxconsole a{'+
  41                 '    float:right;'+
  42                 '    padding-left:1em;'+
  43                 '    padding-bottom:.5em;'+
  44                 '    text-align:right;'+
  45                 '}';
  46             var htmDiv = document.createElement('div');
  47             htmDiv.innerHTML = '<p>x</p><style>'+CSS+'</style>';
  48
  49
  50
  51
  52         },
  53         hide:function(){
  54             console.d.style.display='none';
  55         },
  56         show:function(){
  57             console.d.style.display='block';
  58         },
  59         log:function(o){
  60             console.d.innerHTML+='<br/>'+o;
  61             console.show();
  62         },
  63         clear:function(){
  64             console.d.parentNode.removeChild(console.d);
  65             console.init();
  66             console.show();
  67         },
  68         /*Simon Willison rules*/
  69         addLoadEvent:function(func){
  70             var oldonload=window.onload;
  71             if(typeof window.onload!='function'){
  72                 window.onload=func;
  73             }else{
  74                 window.onload=function(){
  75                     if(oldonload){
  76                         oldonload();
  77                     }
  78                     func();
  79                 };
  80             }
  81         }
  82     };
  83     console.addLoadEvent(console.init);
  84 }