public/windows_js_1.3/documentation/javascripts/extended_debug.js

   1 var commandHistory;
   2 var historyIndex;
   3
   4 function showExtendedDebug() {
   5         if (debugWindow != null) {
   6           hideDebug();
   7   }
   8
   9         if (debugWindow == null) {
  10                 commandHistory = new Array();
  11                 historyIndex = 0;
  12
  13                 debugWindow = new Window('debug_window', {className: 'dialog',width:250, height:100, right:4, minWidth:250, bottom:42, zIndex:1000, opacity:1, showEffect: Element.show, resizable: true, title: "Debug"})
  14                 debugWindow.getContent().innerHTML = "<style>#debug_window .dialog_content {background:#000;}</style> <div font='monaco' id='debug' style='padding:3px;color:#0F0;font-family:monaco'></div>";
  15
  16                 //create hourglass icon and attach events to it.
  17                 var cont = "<div id=\"debug_window_inspect\" style=\"width: 15px; height: 15px; background: transparent url(themes/default/inspect.gif) no-repeat 0 0; position:absolute; top:5px; left:70px; cursor:pointer; z-index:3000;\"></div>";
  18
  19                 new Insertion.After('debug_window_maximize', cont);
  20                 Event.observe('debug_window_inspect', 'click', enterInspectionMode, false);
  21
  22                 //create command text box
  23                 cont = "Eval:<input id=\"debug_window_command\" type=\"textbox\" style=\"width:150px; height: 12px; color: black;\">"
  24                 debugWindow.setStatusBar(cont);
  25
  26                 Event.observe('debug_window_command', 'mousedown', donothing);
  27                 Event.observe('debug_window_command', 'keypress', evalJS, false);
  28         }
  29         debugWindow.show();
  30 }
  31
  32 function donothing(evt){
  33                 Field.activate('debug_window_command');
  34                 return false;
  35 }
  36
  37 function evalJS(evt){
  38         if(evt.keyCode == Event.KEY_RETURN){
  39                 var js = $F('debug_window_command');
  40                 try{
  41                         var ret = eval(js);
  42                         if(ret != null)
  43                                 debug(ret);
  44                 }catch(e){
  45                         debug(e);
  46                 }
  47                 $('debug_window_command').value = '';
  48
  49                 Field.activate('debug_window_command');
  50                 commandHistory.push(js);
  51                 historyIndex = 0;
  52         }
  53
  54         if(evt.keyCode == Event.KEY_UP){
  55                 if(commandHistory.length > historyIndex){
  56                         historyIndex++;
  57                         var js = commandHistory[commandHistory.length-historyIndex];
  58                         $('debug_window_command').value = js;
  59                         Event.stop(evt);
  60                         Field.activate('debug_window_command');
  61                 }
  62         }
  63
  64         if(evt.keyCode == Event.KEY_DOWN){
  65                 if(commandHistory.length >= historyIndex && historyIndex > 1){
  66                         historyIndex--;
  67                         var js = commandHistory[commandHistory.length-historyIndex];
  68                         $('debug_window_command').value = js;
  69                         Event.stop(evt);
  70                         Field.activate('debug_window_command');
  71                 }
  72         }
  73 }
  74
  75 function enterInspectionMode(evt){
  76         //stop observing magnifying glass
  77         Event.stopObserving('debug_window_inspect', 'click', enterInspectionMode, false);
  78         //change pointer
  79         document.body.style.cursor='help';
  80         //start observing mouse clicks
  81         Event.observe(window, 'click', inspectItem, false);
  82 }
  83
  84 function inspectItem(evt){
  85         // the element that triggered the event
  86         var element = Event.element(evt);
  87         if(element.id!="debug_window_inspect"){
  88                 clearDebug()
  89                 //change pointer
  90                 document.body.style.cursor='default';
  91                 debug(element.id);
  92                 inspect(element);
  93                 //stop observing mouse clicks
  94                 Event.stopObserving(window, 'click', inspectItem, false);
  95                 //alert('doing something');
  96                 //start observing mag
  97                 Event.observe('debug_window_inspect', 'click', enterInspectionMode, false);
  98         }
  99 }
 100
 101 function clearDebug() {
 102         var win = $('debug');
 103         if (win == null)
 104                 return;
 105
 106         win.innerHTML=" ";
 107         //clear inspections too
 108         var divs = document.getElementsByClassName('inspector');
 109         divs.each(function(div){
 110                 Element.remove(div);
 111         });
 112 }
 113