Function bindResize

demo/debugger.js:493–544

()

}

function bindResize() {
  var sX = 0,
    sY = 0;
  var iX = 0,
    iY = 0;
  var isDownTB = false;
  var isDownLR = false;
  document.addEventListener("dblclick", function() {
    isDownTB = false;
    isDownLR = false;
  });
  $("control-resize-lr").addEventListener("mousedown", function(e) {
    sX = e.clientX;
    iX = $("player-unit").offsetWidth;
    iY = $("player").offsetHeight;
    $("commentCanvas").style.border = "1px solid #0ff";
    isDownLR = true;
    $("c-region").style.display = "";
  });
  $("control-resize-tb").addEventListener("mousedown", function(e) {
    sY = e.clientY;
    iX = $("player-unit").offsetWidth;
    iY = $("player").offsetHeight;
    $("commentCanvas").style.border = "1px solid #0ff";
    isDownTB = true;
    $("c-region").style.display = "";
  });
  document.addEventListener("mousemove", function(e) {
    if (isDownTB) {
      var yDelta = e.clientY - sY;
      $("player").style.height = (iY + yDelta) + "px";
      $("c-region").innerHTML = iX + "x" + (iY + yDelta);
    } else if (isDownLR) {
      var xDelta = e.clientX - sX;
      $("player-unit").style.width = (iX + xDelta) + "px";
      $("c-region").innerHTML = (iX + xDelta) + "x" + iY;
    }
  });
  document.addEventListener("mouseup", function(e) {
    if ((isDownTB || isDownLR)) {
      if (trace) {
        trace("Resize to " + $("commentCanvas").offsetWidth + "x" + $("commentCanvas").offsetHeight);
      }
      cm.setBounds();
      $("commentCanvas").style.border = "0px";
      $("c-region").style.display = "none";
      cm.setBounds();
    }
    isDownTB = false;
    isDownLR = false;
  });
};

function bindDebugger() {
  var output = $("debugger-output");