sort.js
上传用户:shjgzm
上传日期:2017-08-31
资源大小:2757k
文件大小:5k
源码类别:

Ajax

开发平台:

Java

  1. /************************************************************************************************************
  2. (C) www.dhtmlgoodies.com, October 2005
  3. This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.
  4. Terms of use:
  5. You are free to use this script as long as the copyright message is kept intact. However, you may not
  6. redistribute, sell or repost it without our permission.
  7. Thank you!
  8. www.dhtmlgoodies.com
  9. Alf Magne Kalleland
  10. ************************************************************************************************************/
  11. var offsetYInsertDiv = -3; // Y offset for the little arrow indicating where the node should be inserted.
  12. if(!document.all)offsetYInsertDiv = offsetYInsertDiv - 7;  // No IE
  13. var arrParent = false;
  14. var arrMoveCont = false;
  15. var arrMoveCounter = -1;
  16. var arrTarget = false;
  17. var arrNextSibling = false;
  18. var leftPosArrangableNodes = false;
  19. var widthArrangableNodes = false;
  20. var nodePositionsY = new Array();
  21. var nodeHeights = new Array();
  22. var arrInsertDiv = false;
  23. var insertAsFirstNode = false;
  24. var arrNodesDestination = false;
  25. function cancelEvent()
  26. {
  27.     return false;
  28. }
  29. function getTopPos(inputObj)
  30. {
  31.   var returnValue = inputObj.offsetTop;
  32.   while((inputObj = inputObj.offsetParent) != null){
  33.     returnValue += inputObj.offsetTop;
  34.   }
  35.   return returnValue;
  36. }
  37. function getLeftPos(inputObj)
  38. {
  39.   var returnValue = inputObj.offsetLeft;
  40.   while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
  41.   return returnValue;
  42. }
  43. function clearMovableDiv()
  44. {
  45.     if(arrMoveCont.getElementsByTagName('LI').length>0){
  46.         if(arrNextSibling)arrParent.insertBefore(arrTarget,arrNextSibling); else arrParent.appendChild(arrTarget);
  47.     }
  48. }
  49. function initMoveNode(e)
  50. {
  51.     clearMovableDiv();
  52.     if(document.all)e = event;
  53.     arrMoveCounter = 0;
  54.     arrTarget = this;
  55.     if(this.nextSibling)arrNextSibling = this.nextSibling; else arrNextSibling = false;
  56.     timerMoveNode();
  57.     arrMoveCont.parentNode.style.left = e.clientX + 'px';
  58.     arrMoveCont.parentNode.style.top = (e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop)) + 'px';
  59.     return false;
  60. }
  61. function timerMoveNode()
  62. {
  63.     if(arrMoveCounter>=0 && arrMoveCounter<10){
  64.         arrMoveCounter = arrMoveCounter +1;
  65.         setTimeout('timerMoveNode()',20);
  66.     }
  67.     if(arrMoveCounter>=10){
  68.         arrMoveCont.appendChild(arrTarget);
  69.     }
  70. }
  71. function arrangeNodeMove(e)
  72. {
  73.     if(document.all)e = event;
  74.     if(arrMoveCounter<10)return;
  75.     if(document.all && arrMoveCounter>=10 && e.button!=1){
  76.         arrangeNodeStopMove();
  77.     }
  78.     arrMoveCont.parentNode.style.left = e.clientX + 'px';
  79.     arrMoveCont.parentNode.style.top = (e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop)) + 'px';
  80.     var tmpY = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop);
  81.     arrInsertDiv.style.display='none';
  82.     arrNodesDestination = false;
  83.     if(e.clientX<leftPosArrangableNodes || e.clientX>leftPosArrangableNodes + widthArrangableNodes)return;
  84.     var subs = arrParent.getElementsByTagName('LI');
  85.     for(var no=0;no<subs.length;no++){
  86.         var topPos =getTopPos(subs[no]);
  87.         var tmpHeight = subs[no].offsetHeight;
  88.         if(no==0){
  89.             if(tmpY<=topPos && tmpY>=topPos-5){
  90.                 arrInsertDiv.style.top = (topPos + offsetYInsertDiv) + 'px';
  91.                 arrInsertDiv.style.display = 'block';
  92.                 arrNodesDestination = subs[no];
  93.                 insertAsFirstNode=true;
  94.                 return;
  95.             }
  96.         }
  97.         if(tmpY>=topPos && tmpY<=(topPos+tmpHeight)){
  98.             arrInsertDiv.style.top = (topPos+tmpHeight + offsetYInsertDiv) + 'px';
  99.             arrInsertDiv.style.display = 'block';
  100.             arrNodesDestination = subs[no];
  101.             insertAsFirstNode = false;
  102.             return;
  103.         }
  104.     }
  105. }
  106. function arrangeNodeStopMove()
  107. {
  108.     arrMoveCounter = -1;
  109.     arrInsertDiv.style.display='none';
  110.     if(arrNodesDestination){
  111.         var subs = arrParent.getElementsByTagName('LI');
  112.         if(arrNodesDestination==subs[0] && insertAsFirstNode){
  113.             arrParent.insertBefore(arrTarget,arrNodesDestination);
  114.         }else{
  115.             if(arrNodesDestination.nextSibling){
  116.                 arrParent.insertBefore(arrTarget,arrNodesDestination.nextSibling);
  117.             }else{
  118.                 arrParent.appendChild(arrTarget);
  119.             }
  120.         }
  121.     }
  122.     arrNodesDestination = false;
  123.     clearMovableDiv();
  124. }
  125. function initArrangableNodes()
  126. {
  127.     arrParent = document.getElementById('arrangableNodes');
  128.     arrMoveCont = document.getElementById('movableNode').getElementsByTagName('UL')[0];
  129.     arrInsertDiv = document.getElementById('arrDestInditcator');
  130.     leftPosArrangableNodes = getLeftPos(arrParent);
  131.     arrInsertDiv.style.left = leftPosArrangableNodes - 5 + 'px';
  132.     widthArrangableNodes = arrParent.offsetWidth;
  133.     var subs = arrParent.getElementsByTagName('LI');
  134.     for(var no=0;no<subs.length;no++){
  135.         subs[no].onmousedown = initMoveNode;
  136.         subs[no].onselectstart = cancelEvent;
  137.     }
  138.     document.documentElement.onmouseup = arrangeNodeStopMove;
  139.     document.documentElement.onmousemove = arrangeNodeMove;
  140.     document.documentElement.onselectstart = cancelEvent;
  141. }
  142. window.onload = initArrangableNodes;