智能表格
2024-09-06 12:43:57
供稿：網友
作者 llinzzi
版本 0.9
說明:
當焦點不在表格內的input時,回車鍵復制最后一行,delete刪除鍵最后一行
選擇checkbox,可以進行復制,刪除
雙擊表格會出現菜單,自動收集該列已存在數據,選中自動填充 這里是亮點
數據發送采用ajax(自定義的一個ajax類,blog已發布過)一行一行的發送
兼容IE6和Firefox1.5 符合W3C
本表格一切功能都是為了減少輸入錄入工作,適合大項目開放使用
代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="MSThemeCompatible" content="No">
<title>無標題文檔</title>
<script type="text/JavaScript">
<!--
//////////////////////////////////////////頁面初始化///////////////////////////////////////
beginListen();
//////////////////////////////////////////頁面初始化///////////////////////////////////////
//////////////////////////////////////////ajax類///////////////////////////////////////
function Ajax(url,recvT,stringS,resultF) {
this.url = url;
this.stringS = stringS;
this.xmlHttp = this.createXMLHttpRequest();
if (this.xmlHttp == null) {
alert("erro");
return;
}
var objxml = this.xmlHttp;
objxml.onreadystatechange = function (){Ajax.handleStateChange(objxml,recvT,resultF)};
}
Ajax.prototype.createXMLHttpRequest = function() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {}
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
try { return new XMLHttpRequest(); } catch(e) {}
return null;
}
Ajax.prototype.createQueryString = function () {
var queryString = this.stringS;
return queryString;
}
Ajax.prototype.get = function () {
url = this.url;
var queryString = url+"?timeStamp=" + new Date().getTime() + "&" + this.createQueryString();
