http://dotnet.aspx.cc/Exam/UltraGrid/UltraGrid.aspx
解决方案 »
- 江湖告急!js正则?
- 请教一个js排序问题
- 禁止iframe运行javascript
- [共享]js简单的自动完成功能
- 简单问题:有两个select,如何实现当选择其中一个,另一个会根据要求变化的javascript怎么写?
- 请问关于向服务器端提交表单内容的问题
- -------------------->怎样在网页中实现在线收听?谢谢
- 等待高手,关于iframe,在线。
- javascript 能不能打开一各可选目录路径的浏览窗口阿?
- 想写个脚本,在网页上插入一个输入框,要怎么弄呢?不会JS. 非常感谢!
- 网页a中用iframe在某个区域嵌入网页b,如何在b中点击一个按钮刷新网页a
- 如何将IE的边框全部去掉???
"http://www.w3.org/TR/xhtml1/Dth/xhtml1-transitional.dth">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="pragma" content="no-cache" />
<style type="text/css">
<!--
body,th,td,div,span {font-weight:100;font-size:12px;}
th{background-color:#808080;color:white;width:100px;height:20px;text-align:center;}
td {background-color:#F0F0F0;text-align:center;}-->
</style>
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}function MM_dragLayer(objName,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,dragJS) { //v3.0
//Copyright 1998 Macromedia, Inc. All rights reserved.
var i,j,aLayer,retVal,curDrag=null,NS=(navigator.appName=='Netscape'), curLeft, curTop;
if (!document.all && !document.layers) return false;
retVal = true; if(!NS && event) event.returnValue = true;
if (MM_dragLayer.arguments.length > 1) {
curDrag = MM_findObj(objName); if (!curDrag) return false;
if (!document.allLayers) { document.allLayers = new Array();
with (document) if (NS) { for (i=0; i<layers.length; i++) allLayers[i]=layers[i];
for (i=0; i<allLayers.length; i++) if (allLayers[i].document && allLayers[i].document.layers)
with (allLayers[i].document) for (j=0; j<layers.length; j++) allLayers[allLayers.length]=layers[j];
} else for (i=0;i<all.length;i++) if (all[i].style&&all[i].style.position) allLayers[allLayers.length]=all[i];}
curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;
curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;
curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;
curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;
curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;
curDrag.MM_oldZ = (NS)?curDrag.zIndex:curDrag.style.zIndex;
curLeft= (NS)?curDrag.left:curDrag.style.pixelLeft; curDrag.MM_startL = curLeft;
curTop = (NS)?curDrag.top:curDrag.style.pixelTop; curDrag.MM_startT = curTop;
curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop -cU;
curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop +cD;
curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!
document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
} else {
var theEvent = ((NS)?objName.type:event.type);
if (theEvent == 'mousedown') {
var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
var maxDragZ=null; document.MM_maxZ = 0;
for (i=0; i<document.allLayers.length; i++) { aLayer = document.allLayers[i];
var aLayerZ = (NS)?aLayer.zIndex:aLayer.style.zIndex;
if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;
var isVisible = (((NS)?aLayer.visibility:aLayer.style.visibility).indexOf('hid') == -1);
if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {
var parentL=0; var parentT=0;
if (!NS) { parentLayer = aLayer.parentElement;
while (parentLayer != null && parentLayer.style.position) {
parentL += parentLayer.offsetLeft; parentT += parentLayer.offsetTop;
parentLayer = parentLayer.parentElement; } }
var tmpX=mouseX-(((NS)?pageX:style.pixelLeft+parentL)+MM_hLeft);
var tmpY=mouseY-(((NS)?pageY:style.pixelTop +parentT)+MM_hTop);
var tmpW = MM_hWidth; if (tmpW <= 0) tmpW += ((NS)?clip.width :offsetWidth);
var tmpH = MM_hHeight; if (tmpH <= 0) tmpH += ((NS)?clip.height:offsetHeight);
if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) && (maxDragZ == null
|| maxDragZ <= aLayerZ)) { curDrag = aLayer; maxDragZ = aLayerZ; } } }
if (curDrag) {
document.onmousemove = MM_dragLayer; if (NS) document.captureEvents(Event.MOUSEMOVE);
curLeft = (NS)?curDrag.left:curDrag.style.pixelLeft;
curTop = (NS)?curDrag.top:curDrag.style.pixelTop;
MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;
document.MM_curDrag = curDrag; curDrag.MM_SNAPPED=false;
if(curDrag.MM_toFront) {
eval('curDrag.'+((NS)?'':'style.')+'zIndex=document.MM_maxZ+1');
if (!curDrag.MM_dropBack) document.MM_maxZ++; }
retVal = false; if(!NS) event.returnValue = false;
} } else if (theEvent == 'mousemove') {
if (document.MM_curDrag) with (document.MM_curDrag) {
var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
newLeft = mouseX-MM_oldX; newTop = mouseY-MM_oldY;
if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);
if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);
if (MM_bT!=null) newTop = Math.max(newTop ,MM_bT);
if (MM_bB!=null) newTop = Math.min(newTop ,MM_bB);
MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;
if (NS) {left = newLeft; top = newTop;}
else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
if (MM_dragJS) eval(MM_dragJS);
retVal = false; if(!NS) event.returnValue = false;
} } else if (theEvent == 'mouseup') {
document.onmousemove = null;
if (NS) document.releaseEvents(Event.MOUSEMOVE);
if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS
if (document.MM_curDrag) with (document.MM_curDrag) {
if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
(Math.pow(MM_targL-((NS)?left:style.pixelLeft),2)+
Math.pow(MM_targT-((NS)?top:style.pixelTop),2))<=MM_tol) {
if (NS) {left = MM_targL; top = MM_targT;}
else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL; MM_UPDOWN = MM_startT-MM_targT; }
if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
if(MM_dropBack) {if (NS) zIndex = MM_oldZ; else style.zIndex = MM_oldZ;}
retVal = false; if(!NS) event.returnValue = false; }
document.MM_curDrag = null;
}
if (NS) document.routeEvent(objName);
} return retVal;
}
//-->
</script>
<!--
function SwapCellInRow(rowObj,cellInd0,cellInd1){
var oCellTemp;
if(cellInd0==cellInd1) {return;}
if(cellInd0>=rowObj.cells.length || cellInd1>=rowObj.cells.length) {return;}
oCellTemp=rowObj.cells[cellInd0].innerHTML; //交换单元格内容
rowObj.cells[cellInd0].innerHTML=rowObj.cells[cellInd1].innerHTML;
rowObj.cells[cellInd1].innerHTML=oCellTemp;
try{oCellTemp=rowObj.cells[cellInd0].edit;}catch(e){oCellTemp='';} //交换编辑标志
rowObj.cells[cellInd0].edit=rowObj.cells[cellInd1].edit;
rowObj.cells[cellInd1].edit=oCellTemp;
oCellTemp=null;
}
function ChangeCols(){
var oTable=document.all("tblData");
var colNum0=document.all("exchgColNum0").value;
var colNum1=document.all("exchgColNum1").value;
if(colNum0==colNum1) {return;}
for(var iCnt=0;iCnt<oTable.rows.length;iCnt++){
SwapCellInRow(oTable.rows[iCnt],colNum0,colNum1);
}
}
var oTmpImput=null;
var oSrcCell=null;
function EditCell(){
oSrcCell=window.event.srcElement;
if(oSrcCell.edit!='yes') return;
var sTmpVal=oSrcCell.innerHTML;
oSrcCell.innerHTML='';
oTmpImput=document.createElement("INPUT");
oTmpImput.style.border='none';
oTmpImput.style.fontSize='12px';
oTmpImput.style.width=oSrcCell.offsetWidth;
oTmpImput.style.backgroundColor=oSrcCell.style.backgroundColor;
oTmpImput.id='oTmp_For_Edit';
oTmpImput.value=sTmpVal;
oSrcCell.appendChild(oTmpImput);
oTmpImput.onblur=function (){
try{oSrcCell.innerHTML=oTmpImput.value;}catch(e){
oTmpImput.select();
oTmpImput.focus();
alert('发生未知错误,请重试!');
}
}
oTmpImput.select();
oTmpImput.focus();
}
document.ondblclick=EditCell;
-->
</script>
<title></title>
</head>
<body>
<div id="Layer1" style="position:absolute;">
<table id="tblData">
<caption>大富翁MM排行榜<caption>
<thead>
<tr href="#" onMouseDown="MM_dragLayer('Layer1','',0,0,0,0,true,false,-1,-1,-1,-1,35,14,0,'',false,'')" alt="按住可以拖动" title="按住可以拖动">
<th>姓名</th>
<th>年龄</th>
<th>身高</th>
<th>体重</th>
<th>三围</th>
</tr>
</thead>
<tbody>
<tr>
<td>乌咪</td>
<td edit="yes">19</td>
<td edit="yes">162</td>
<td edit="yes">47.5</td>
<td edit="yes">25-21-26</td>
</tr>
<tr>
<td>钱夫人</td>
<td edit="yes">27</td>
<td edit="yes">170</td>
<td edit="yes">50.0</td>
<td edit="yes">28-22-27</td>
</tr>
<tr>
<td>孙小美</td>
<td edit="yes">19</td>
<td edit="yes">158</td>
<td edit="yes">40.5</td>
<td edit="yes">24-22-26</td>
</tr>
<tr>
<td>糖糖</td>
<td edit="yes">21</td>
<td edit="yes">168</td>
<td edit="yes">42.3</td>
<td edit="yes">24-23-24</td>
</tr>
</tbody>
</table><br />
交换第 <input type="text" name="exchgColNum0" size="2" maxlength="1" value="0" oldValue="0" onkeyup="javaScript:if(!(/^\d{1}$/).test(this.value)) this.value=this.oldValue; else this.oldValue=this.value;" >
列和第 <input type="text" name="exchgColNum1" size="2" maxlength="1" value="0" oldValue="0" onkeyup="javaScript:if(!(/^\d{1}$/).test(this.value)) this.value=this.oldValue; else this.oldValue=this.value;" >
列 ---------- <button onclick="javaScript:ChangeCols();">交换</button>
</div>
</body>
</html>