html %3ctd%3e固定位置,网页布局推拽保存问题

满意答案

xin0210

2014.04.21

采纳率：51%    等级：7

已帮助：56人

你好：

花了一天时间给你搞了个DEMO，用HTML的效果不好，还是用asp什么做把，HTML的总出提示框

数据库文件：1、用access建一个“db.mdb”；放到桌面上2、里面建个表"dt",3、然后建一个字段“innerHTML”4、添加字段内容：

3E%0D%0A%3CTD%20width%3D%2244%25%22%20height%3D33%3E%u8868%u683C1%3C/TD%3E%3C/TR%3E%3C/TBODY%3E%3C/TABLE%3E%0D%0A%3CTABLE%20onmouseup%3DMouseUpToMove%28this%29%3B%20onmousemove%3DMouseMoveToMove%28this%29%20onmousedown%3DMouseDownToMove%28this%29%20style%3D%22LEFT%3A%200px%3B%20POSITION%3A%20relative%3B%20TOP%3A%200px%22%20width%3D%22100%25%22%20bgColor%3D%23ff9966%20border%3D1%20mouseDownX%3D%22406%22%20mouseDownY%3D%2258%22%3E%0D%0A%3CTBODY%3E%0D%0A%3CTR%3E%0D%0A%3CTD%20width%3D%22100%25%22%3E%u8868%u683C3%3C/TD%3E%3C/TR%3E%3C/TBODY%3E%3C/TABLE%3E%0D%0A%3CTABLE%20onmouseup%3DMouseUpToMove%28this%29%3B%20onmousemove%3DMouseMoveToMove%28this%29%20onmousedown%3DMouseDownToMove%28this%29%20style%3D%22LEFT%3A%200px%3B%20POSITION%3A%20relative%3B%20TOP%3A%200px%22%20width%3D%22100%25%22%20bgColor%3D%2300ffff%20border%3D1%20mouseDownX%3D%22415%22%20mouseDownY%3D%2268%22%3E%0D%0A%3CTBODY%3E%0D%0A%3CTR%3E%0D%0A%3CTD%20width%3D%2292%25%22%3E%u8868%u683C2%3C/TD%3E%3C/TR%3E%3C/TBODY%3E%3C/TABLE%3E%3C/TD%3E%0D%0A%3CTD%20onmouseover%3DMouseOverFun%28this%29%3B%20vAlign%3Dtop%20width%3D%2232%25%22%20height%3D%22100%25%22%3E%3C/TD%3E%0D%0A%3CTD%20onmouseover%3DMouseOverFun%28this%29%3B%20vAlign%3Dtop%20width%3D%2234%25%22%20height%3D%22100%25%22%3E%3C/TD%3E%3C/TR%3E%3C/TBODY%3E%3C/TABLE%3E

代码：a.html

var beginMoving=false;

var sourceObj=null;

var conn = new ActiveXObject("ADODB.Connection");

var rs = new ActiveXObject("ADODB.Recordset");

var connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=db.mdb" ;

function SaveHTML()

{

conn.Open(connstr);

var sql="UPDATE dt SET innerHTML = '" + escape(document.body.innerHTML)+ "'";

rs.open(sql, conn);

conn.Close();

}

function GetHTML()

{

conn.Open(connstr);

var sql="SELECT * FROM dt";

rs.open(sql, conn);

document.body.innerHTML=unescape(rs("innerHTML"));

conn.Close();

}

function MouseDownToMove(obj){

obj.style.zIndex=1;

obj.mouseDownY=event.clientY;

obj.mouseDownX=event.clientX;

beginMoving=true;

obj.setCapture();

sourceObj=obj;

objectObj=null;

}

function MouseMoveToMove(obj){

if(!beginMoving) return false;

obj.style.top = (event.clientY-obj.mouseDownY);

obj.style.left = (event.clientX-obj.mouseDownX);

}

function MouseUpToMove(obj){

if(!beginMoving) return false;

obj.releaseCapture();

obj.style.top=0;

obj.style.left=0;

obj.style.zIndex=0;

beginMoving=false;

window.setTimeout("swapFun()",20);

}

function MouseOverFun(obj)

{

objectObj=obj;

}

function swapFun()

{

if(sourceObj!=null && objectObj!=null) objectObj.insertAdjacentElement("beforeEnd",sourceObj);

sourceObj=null;

objectObj=null;

}

function Button1_onclick() {

//alert(escape(document.body.innerHTML));

SaveHTML();

}

运行a.html看看 那个按钮是保存数据页面的按钮，点按钮才保存页面状态

00分享举报