JS層移支示例代碼

更新時間：2007年03月12日 00:00:00 作者：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>課程安排</TITLE> <STYLE type=text/css>LABEL {     CURSOR: hand; COLOR: lightblue; TEXT-DECORATION: underline } </STYLE> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD> <BODY onselectstart=return(false)> <SCRIPT language=JavaScript>     var newObj=null;     DragObject.prototype.bind=bindToCell;          //把拖動元素綁定到單元格     function bindToCell(cell){         if (cell==null) return;         this.cell=cell;         absoluteMove(this.element,cell,(cell.offsetWidth-this.element.offsetWidth)/2,(cell.offsetHeight-this.element.offsetHeight)/2);     }     //當完成拖動后,調整位置     function finishDrag(element){         var dragObj=getRegObj(element);         if (dragObj==null) return;         //按中點來計算位置         var pt=new Point(element.offsetWidth/2,element.offsetHeight/2);         pt.clientToScreen(element);         var oldZIndex=element.style.zIndex;         element.style.zIndex=-1000;         var cell=document.elementFromPoint(pt.x-document.body.scrollLeft,pt.y-document.body.scrollTop);         //拖動是否有效         if (cell!=null){             if (cell.tagName=="TD"){                 //如果放在單元格上,就進行調整                 var anotherDragObj=getDragObjectByCell(cell);                 if (anotherDragObj==null){                     dragObj.bind(cell);                 }                 else{                     //交換                     anotherDragObj.bind(dragObj.cell);                     dragObj.bind(cell);                 }             }             else{                 //如果不是放在單元格上,要查看是否屬于DIV                 var div=getParent(cell,"DIV");                 if (div!=null){                     var anotherDragObj=getRegObj(div);                     if (anotherDragObj!=null){                         //如果是另一個DragObject,就交換                         var c=anotherDragObj.cell;                         anotherDragObj.bind(dragObj.cell);                         dragObj.bind(c);                     }                     else{                         dragObj.bind(dragObj.cell);                     }                 }                 else{                     dragObj.bind(dragObj.cell);                 }             }         }         else{             //如果不是單元格,就還原             dragObj.bind(dragObj.cell);         }         element.style.zIndex=oldZIndex;     } </SCRIPT> <FONT  style="FONT-SIZE: 12px; LEFT: 50px; WIDTH: 100px; POSITION: absolute; TOP: 43px; TEXT-ALIGN: center"  color=blue>待排課程  <TABLE id=LeftTable style="LEFT: 50px; POSITION: absolute; TOP: 60px"  cellSpacing=0 borderColorDark=white borderColorLight=black border=1>   <TBODY>   <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD>    <TR>     <TD width=100 height=12>&nbsp;</TD> </TR></TBODY></TABLE>     <FONT style="FONT-SIZE: 12px; LEFT: 220px; WIDTH: 150px; POSITION: absolute; TOP: 43px; TEXT-ALIGN: center" color=blue>已排課程(上午)  <TABLE id=RightTable style="LEFT: 220px; POSITION: absolute; TOP: 60px"  cellSpacing=0 borderColorDark=white borderColorLight=black border=1>   <TBODY>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   </TBODY></TABLE>     <FONT style="FONT-SIZE: 12px; LEFT: 220px; WIDTH: 150px; POSITION: absolute; TOP: 153px; TEXT-ALIGN: center" color=blue>已排課程(下午)  <TABLE id=Table2 style="LEFT: 220px; POSITION: absolute; TOP: 170px"  cellSpacing=0 borderColorDark=white borderColorLight=black border=1>   <TBODY>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   </TBODY></TABLE>     <FONT style="FONT-SIZE: 12px; LEFT: 220px; WIDTH: 150px; POSITION: absolute; TOP: 263px; TEXT-ALIGN: center" color=blue>已排課程(晚上)  <TABLE id=Table2 style="LEFT: 220px; POSITION: absolute; TOP: 280px"  cellSpacing=0 borderColorDark=white borderColorLight=black border=1>   <TBODY>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   <TR><TD width=150 height=20>&nbsp;</TD></TR>   </TBODY></TABLE> <div   class="xlpldrd"   id=1 style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px"  align=center>語文</DIV> <SCRIPT language=JavaScript>             newObj=registerDrag(document.all("1"));             newObj.onDragEnd=finishDrag;             newObj.bind(document.all("LeftTable").rows(0).cells(0));         </SCRIPT> <div   class="3d3zvdv"   id=2 style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px"  align=center>數(shù)學</DIV> <SCRIPT language=JavaScript>             newObj=registerDrag(document.all("2"));             newObj.onDragEnd=finishDrag;             newObj.bind(document.all("LeftTable").rows(1).cells(0));         </SCRIPT> <div   class="9v5tpdv"   id=3 style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px"  align=center>物理</DIV> <SCRIPT language=JavaScript>             newObj=registerDrag(document.all("3"));             newObj.onDragEnd=finishDrag;             newObj.bind(document.all("LeftTable").rows(2).cells(0));         </SCRIPT> <div   class="tjn3r33"   id=4 style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px"  align=center>化學</DIV> <SCRIPT language=JavaScript>             newObj=registerDrag(document.all("4"));             newObj.onDragEnd=finishDrag;             newObj.bind(document.all("LeftTable").rows(3).cells(0));         </SCRIPT> <div   class="pvzzlnd"   id=5 style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px"  align=center>英語</DIV> <SCRIPT language=JavaScript>             newObj=registerDrag(document.all("5"));             newObj.onDragEnd=finishDrag;             newObj.bind(document.all("LeftTable").rows(4).cells(0));         </SCRIPT> <div   class="dzrj5zp"   id=6 style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px"  align=center>政治</DIV> <SCRIPT language=JavaScript>             newObj=registerDrag(document.all("6"));             newObj.onDragEnd=finishDrag;             newObj.bind(document.all("LeftTable").rows(5).cells(0));         </SCRIPT>  <SCRIPT language=JavaScript>     //重定位     function relocate(){         for (var i=0;i<drag_objects.length;i++){             drag_objects[i].bind(drag_objects[i].cell);         }     }          //提交到服務器     function saveChange(){         var lngOrder,lngModuleID;         var table=document.all("RightTable");         var lngIndex=0;         var strAction="";                  for (var i=0;i<table.rows.length;i++){             var row=table.rows(i);             for (var j=0;j<row.cells.length;j++){                 var cell=row.cells(j);                 var dragObj=getDragObjectByCell(cell);                 if (dragObj!=null){                     lngOrder=i*row.cells.length+j;                     lngModuleID=dragObj.element.id;                     if (strAction=="")                         strAction="?MID"+lngIndex+"="+lngModuleID+"&OR"+lngIndex+"="+lngOrder;                     else                         strAction=strAction+"&MID"+lngIndex+"="+lngModuleID+"&OR"+lngIndex+"="+lngOrder;                     lngIndex++;                 }             }         }         if (lngIndex>0) strAction=strAction+"&count="+lngIndex;         strAction="MainPageCenter.jsp"+strAction;         window.location.href=strAction;     }          //根據(jù)綁定的Cell來得到DragObject     function getDragObjectByCell(cell){         for (var i=0;i<drag_objects.length;i++){             if (cell==drag_objects[i].cell) return(drag_objects[i]);         }         return(null);     }     //得到指定類型的父對象     function getParent(objChild,strParentType){         var objParent=objChild;                  if (strParentType==null || objChild==null) return(null);         strParentType=strParentType+"";         while (objParent!=null && objParent.tagName.toUpperCase()!=strParentType.toUpperCase()){             //alert(objParent.tagName);             objParent=objParent.parentElement;         }         return(objParent);     }      </SCRIPT> </BODY></HTML>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

JS層移支示例代碼

深入剖析javascript中的exec與match方法
下面小編就為大家?guī)硪黄钊肫饰鰆avascript中的exec與match方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
前端大文件分片MinIO上傳的詳細代碼
這篇文章主要給大家介紹了關于前端大文件分片MinIO上傳的詳細代碼,Minio支持分片上傳大文件,這個功能可以讓用戶將大文件劃分成小塊,然后在多個并行的HTTP請求中上傳這些小塊,從而提高上傳速度和穩(wěn)定性,需要的朋友可以參考下
2024-09-09
JS關閉子窗口并且刷新上一個窗口的實現(xiàn)示例
這篇文章主要介紹了JS關閉子窗口并且刷新上一個窗口的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-03-03
JavaScript?跳出iframe框架示例詳解
這篇文章主要為大家介紹了JavaScript跳出iframe框架示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-11-11
固定表格行列(expression)在IE下適用
本文為大家介紹下使用expression固定表格行列，這是一種在IE下適用的固定行列的方法，感興趣的朋友可以學習下，希望對大家有所幫助
2013-07-07
javascript實現(xiàn)下雨效果
本文主要介紹了javascript實現(xiàn)下雨效果的示例代碼。具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
使用原生js寫的一個簡單slider
這篇文章主要介紹了使用原生js寫的一個簡單slider，喜歡的朋友可以參考下
2014-04-04
阿里巴巴技術文章分享 Javascript繼承機制的實現(xiàn)
這篇文章主要介紹了阿里巴巴技術文章，分享的是一篇關于Javascript實現(xiàn)繼承機制的文章，感興趣的小伙伴們可以參考一下
2016-01-01
js重寫方法的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨s重寫方法的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
Bootstrap選項卡動態(tài)切換效果
這篇文章主要為大家詳細介紹了Bootstrap選項卡動態(tài)切換效果，點擊登錄和注冊可以實現(xiàn)任意切換,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11