chou — Thu, 28 Aug 2008 04:42:00 GMT

//保留的位�|?
var saveLeft,saveTop,saveWidth,saveHeight;
var theBody;
var eventType; //事�g�U�类, "move"�?resize"
var div;

//创徏�q�设定div的参�?
function setDiv(content)
{

//防止重复打开
if (div)
{
   eCloseDiv();
}
var newLeft,newTop,newWidth,newHeight;
theBody = document.body;

div = document.createElement("div");
div.id = "panelDiv";
div.style.position = "absolute";
div.style.backgroundColor = "#5F86B5" // �Ҏ��颜色
div.style.padding = "1px 1px 1px 1px";
div.style.overflow = "hidden";
div.style.zIndex = 1;

//讑֮�打开的大��和位置
Function()
{
   //默认大小默认位置居中打开
   newWidth = "350px";
   newHeight = "260px";
   newLeft = (theBody.clientWidth - parseInt(newWidth)) / 2 + "px";
   newTop = (theBody.clientHeight - parseInt(newHeight)) / 2 + "px";
   div.style.width = newWidth;
   div.style.height = newHeight;
   div.style.left = newLeft;
   div.style.top = newTop;
}
div = setChild(div,content);
theBody.appendChild(div);

// var ipt = document.getElementsByTagName("input");
// for(var i = 0; i < ipt.length; i++)
// {
//   ipt[i].disabled = true;
// }
}

"+content+"

";
div.appendChild(contentDiv);

//调整大小
var reDiv = cDiv("div");
reDiv.style.cssText = "right: 0px; bottom: 0px; width: 5px; height: 5px; position: absolute;";
if (isResize)
{
   reDiv.style.cursor = "se-resize";
   reDiv.setAttribute("onmousedown", function(){setResize(this)});
}
else
{
   reDiv.style.cursor = "default";
}
div.appendChild(reDiv);

return div;
}

var oX, oY, oLeft, oTop, oWidth, oHeight; //存储原始�U�d��前的位置
var divClone, oDiv;   //克隆的节点和原始节点
var oTime;
//clone拖移的节�?
function setMove(obj)
{
if (event.button == 1)
{
   if (oTime)
   {
    clearTimeout(oTime);
    divClone.parentNode.removeChild(divClone);
   }
   oDiv = obj.parentNode;
   divClone = oDiv.cloneNode(true);
   divClone.style.filter = "Alpha(opacity=50)";
   divClone.childNodes[1].setAttribute("onmousemove", function(){startMove(this)});
   divClone.childNodes[1].setAttribute("onmouseup", function(){endMove()});
   oX = parseInt(event.clientX);
   oY = parseInt(event.clientY);
   oLeft = parseInt(divClone.style.left);
   oTop = parseInt(divClone.style.top);
   document.body.appendChild(divClone);
   divClone.childNodes[1].setCapture();
   eventType = "move";
}
}

//拖移
function startMove(obj)
{
if (eventType == "move" && event.button == 1)
{
   var moveDiv = obj.parentNode;
   moveDiv.style.left = (oLeft + event.clientX - oX) + "px";
   moveDiv.style.top = (oTop + event.clientY - oY) + "px";
}
}

//拖移�l�束调用动画
function endMove()
{
if (eventType == "move")
{
   divClone.childNodes[1].releaseCapture();
            move(parseInt(divClone.style.left), parseInt(divClone.style.top));
   eventType = "";
}
}

//�U�d��的动�?
function move(aimLeft, aimTop)
{
var nowLeft = parseInt(oDiv.style.left);
var nowTop = parseInt(oDiv.style.top);
var moveSize = 30;
if (nowLeft > aimLeft + moveSize || nowLeft < aimLeft - moveSize || nowTop > aimTop + moveSize || nowTop < aimTop - moveSize)
{
   oDiv.style.left = aimLeft > nowLeft + moveSize ? (nowLeft + moveSize) + "px" : aimLeft < nowLeft - moveSize ? (nowLeft - moveSize) + "px" : nowLeft + "px";
   oDiv.style.top = aimTop > nowTop + moveSize ? (nowTop + moveSize) + "px" : aimTop < nowTop - moveSize ? (nowTop - moveSize) + "px" : nowTop + "px";
   oTime = setTimeout("move(" + aimLeft + ", " + aimTop + ")", 1);
}
else
{
   oDiv.style.left = divClone.style.left;
   oDiv.style.top = divClone.style.top;
   divClone.parentNode.removeChild(divClone);
   divClone == null;
}
}

//clone调整大小的节�?
function setResize(obj)
{
if (event.button == 1)
{
   if (oTime)
   {
    clearTimeout(oTime);
    divClone.parentNode.removeChild(divClone);
   }
   oDiv = obj.parentNode;
   divClone = oDiv.cloneNode(true);
   divClone.style.filter = "Alpha(opacity=50)";
   divClone.childNodes[4].setAttribute("onmousemove", function(){startResize(this)});
   divClone.childNodes[4].setAttribute("onmouseup", function(){endResize()});
   oX = parseInt(event.clientX);
   oY = parseInt(event.clientY);
   oWidth = parseInt(divClone.style.width);
   oHeight = parseInt(divClone.style.height);
   document.body.appendChild(divClone);
   divClone.childNodes[4].setCapture();
   eventType = "resize";
}
}

//拖动调整大小
function startResize(obj)
{
if (eventType == "resize" && event.button == 1)
{
   var nX = event.clientX;
   var nY = event.clientY;
   if (nX > oX - oWidth && nY > oY - oHeight + 40)
   {
    var resizeDiv = obj.parentNode;
    resizeDiv.style.width = (oWidth + event.clientX - oX) + "px";
    resizeDiv.style.height = (oHeight + event.clientY - oY) + "px";
    resizeDiv.childNodes[3].style.height = (parseInt(resizeDiv.style.height) - 40) + "px";
   }
}
}

//调整大小�l�束
function endResize()
{
if (eventType == "resize")
{
   divClone.childNodes[4].releaseCapture();
            resize(parseInt(divClone.style.width), parseInt(divClone.style.height));
   eventType = "";
}
}

//调整大小的动�?
function resize(aimWidth, aimHeight)
{
var nowWidth = parseInt(oDiv.style.width);
var nowHeight = parseInt(oDiv.style.height);
var resizeSize = 30;
if (nowWidth > aimWidth + resizeSize || nowWidth < aimWidth - resizeSize || nowHeight > aimHeight + resizeSize || nowHeight < aimHeight - resizeSize)
{
   oDiv.style.width = aimWidth > nowWidth + resizeSize ? (nowWidth + resizeSize) + "px" : aimWidth < nowWidth - resizeSize ? (nowWidth - resizeSize) + "px" : nowWidth + "px";
   oDiv.style.height = aimHeight > nowHeight + resizeSize ? (nowHeight + resizeSize) + "px" : aimHeight < nowHeight - resizeSize ? (nowHeight - resizeSize) + "px" : nowHeight + "px";
   oDiv.childNodes[3].style.height = (parseInt(oDiv.style.height) - 40) + "px";
   oTime = setTimeout("resize(" + aimWidth + ", " + aimHeight + ")", 1);
}
else
{
   oDiv.style.width = divClone.style.width;
   oDiv.style.height = divClone.style.height;
   oDiv.childNodes[3].style.height = (parseInt(oDiv.style.height) - 40) + "px";
   divClone.parentNode.removeChild(divClone);
   divClone == null;
}
}

//关闭DIV
function eCloseDiv()
{

if (div)
{
   div.parentNode.removeChild(div);
//   var ipt = document.getElementsByTagName("input");
//   for(var i = 0; i < ipt.length; i++)
//   {
//    ipt[i].disabled = false;
//   }
   div = null;
}
}

//保留位置和大��?
function saveDiv()
{
if (div)
{
   saveLeft = div.style.left;
   saveTop = div.style.top;
   saveWidth = div.style.width;
   saveHeight = div.style.height;
}
}

//快捷�?
document.onkeydown = function()
{
event.keyCode == 27 ? eCloseDiv() : null; //Esc快捷�?
event.ctrlKey && (event.keyCode == 83 || event.keyCode == 115) ? saveDiv() : null; //ctrl+s保存位置
event.ctrlKey && event.keyCode == 13 ? setDiv() : null //ctrl+enter打开Div
!event.ctrlKey && (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) ? arrowMove(event.keyCode) : null;
event.ctrlKey && (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) ? arrowResize(event.keyCode) : null;
}

// 单击层以外的地方隐藏�?br /> document.onclick = function()
{
if (div)
{
      if(typeof event.srcElement.message == "undefined")
   {
     if (div.componentFromPoint(event.clientX,event.clientY)=="outside")
     {
     eCloseDiv();

     }
   }
}
}

//上下左右��头�U�d��div
function arrowMove(eKeyCode)
{
if (div)
{
   var isMove = document.getElementById("isMove").checked;
   if (isMove)
   {
    switch(eKeyCode)
    {
     case 37:
      div.style.left = (parseInt(div.style.left) - 1) + "px"; //left
      break
     case 38:
      div.style.top = (parseInt(div.style.top) - 1) + "px"; //up
      break
     case 39:
      div.style.left = (parseInt(div.style.left) + 1) + "px"; //right
      break
     case 40:
      div.style.top = (parseInt(div.style.top) + 1) + "px"; //down
      break
    }
   }
}
}

//ctrl+上下左右��头调整div大小
function arrowResize(eKeyCode)
{
if (div)
{
   var isResize = document.getElementById("isResize").checked;
   if (isResize)
   {
    switch(eKeyCode)
    {
     case 37:
      div.style.width = (parseInt(div.style.width) - 1) + "px"; //left
      break
     case 38:
      div.style.height = (parseInt(div.style.height) - 1) + "px"; //up
      break
     case 39:
      div.style.width = (parseInt(div.style.width) + 1) + "px"; //right
      break
     case 40:
      div.style.height = (parseInt(div.style.height) + 1) + "px"; //down
      break
    }
   }
}
}

chou 2008-08-28 12:42 发表评论

久久精品人人做人人综合,亚洲成人久久一区,日韩av影片