스마트 테이블_자바스크립트 스킬

작성자 llinzzi
버전 0.9
참고:
테이블의 입력에 초점이 없을 때 Enter 키를 누르면 마지막 행을 복사하고, 삭제 키를 누르면 마지막 행을 복사합니다.
선택 복사 및 삭제를 위한 체크박스
테이블을 두 번 클릭하면 해당 열의 기존 데이터를 자동으로 수집하는 메뉴가 나타납니다. 자동 완성을 선택하면 다음과 같은 하이라이트가 있습니다.
데이터는 ajax(사용자 정의 ajax 클래스, 블로그에 공개된 내용입니다.
IE6 및 Firefox1.5와 호환되며 W3C를 준수합니다
이 양식의 모든 기능은 입력 입력 작업을 줄이기 위한 것이며 대규모 프로젝트에서 공개적으로 사용하기에 적합합니다

코드 복사코드는 다음과 같습니다

<머리>

    

    

    清空
    

    

    Llinzzi
    Huanhuan
    Tom.com
    超级长的长长长长长长
    

  
    
  
  
    
  
  
    
        复system所选        删除所选
        提交
         
      
    

      
        
        
        
      
    

复制所选

删除所选

    
      
        
        
        
        
        
        
        
        
        
        
        
        
      
      
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
      
    

全选	A1	A2	A3	A4	A5	A6	A7	A8	A9	A10	A11

  

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="MSThemeCompatible" content="No"> <title>제목 없는 문서</title> <style type="text/css"> <!-- body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #E9EDF7; } #tbBackground { background-color:#FFFFFF; text-align:center; } #tbData { background-color:#DDE3EC; } #tbData td { background-color:#FFFFFF; } #tbData input { width:50px; border:none; } #tbData .checkbox { width:15px; } #tbData thead { } #tbTopOpt a{ display:block; width:80px; padding:5px; background-color:#F8F9FC; border:solid 1px #999999; color:#000000; text-decoration: none; } #tbTopOpt a:hover{ background-color:#DDE3EC; } #tbBomOpt a{ display:block; width:80px; padding:5px; background-color:#F8F9FC; border:solid 1px #999999; color:#000000; text-decoration: none; } #tbBomOpt a:hover{ background-color:#DDE3EC; } #tbData a{ color:#000000; text-decoration: none; } #divShowInput { position:absolute; top:30px; left:350px; z-index:10; background-color:#F8F9FC; display:none; border:solid 1px #DDE3EC; width:100px; overflow:hidden; } #divShowInput a { display:block; background-color:#F8F9FC; color:#000000; text-decoration: none; text-align:center; width:auto; } #divShowInput a:hover { background-color:#DDE3EC; border-left:solid 2px #FF0000; border-right:solid 2px #FF0000; color:#FF0000; } #divShowInput p { cursor:hand; margin:0; padding:0; background-color:#F8F9FC; text-align:center; border-bottom:double #DDE3EC; } --> </style> <div id="divShowInput"> <p id="barTitle" onclick="hideDiv(this)"> </p> <p id="defComP" onclick="hideDiv(this)"> <a href="javascript:void%200" onclick="clearInput()"> </a>맑음</p> <p id="autoFillP"> <a href="javascript:void%200" onclick="fillInput(this)"> </a>린찌<a href="javascript:void%200" onclick="fillInput(this)"> </a>환환<a href="javascript:void%200" onclick="fillInput(this)"> </a>톰닷컴<a href="javascript:void%200" onclick="fillInput(this)"> </a>슈퍼롱,롱,롱,롱</p> </div> <table id="tbBackground" width="760" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <table id="tbTopOpt" width="700" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="40" width="125"><a href="javascript:void%200" onclick="copySelect()">复制所选</a></td> <td width="537"><a href="javascript:void%200" onclick="delSelect()">删除所选</a></td> <td width="38"> </td> </tr> </table> <table id="tbBackground" width="760" border="0" align="center" cellpadding="0" cellpacing="0"> <tr> <td><table id="tbTopOpt" width="700" border="0" align="center" cellpadding="0" cellpacing="0"> <tr> <td height="40" width="125"><a href="javascript:void%200" onclick="copySelect()">선택 항목 복사<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(); this.xmlHttp.open("GET",queryString,true); this.xmlHttp.send(null); } Ajax.prototype.post = function() { url = this.url; var url = url + "?timeStamp=" + new Date().getTime(); var queryString = this.createQueryString(); this.xmlHttp.open("POST",url,true); this.xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); this.xmlHttp.send(queryString); } Ajax.handleStateChange = function (xmlHttp,recvT,resultF) { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { resultF(recvT?xmlHttp.responseXML:xmlHttp.responseText); } else { alert("您所请求的页面有异常。"); } } } //////////////////////////////////////////ajax类/////////////////////////////////////// //////////////////////////////////////////处理鼠标事件/////////////////////////////////////// //表格变色 var toBeColor = "#F8F9FC"; var backColor = "#FFFFFF"; function onChangTrColor(obj) { obj.parentNode.style.backgroundColor = toBeColor; obj.style.backgroundColor = toBeColor; var inputs = obj.parentNode.parentNode.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++ ){ inputs[i].style.backgroundColor = toBeColor; inputs[i].parentNode.style.backgroundColor = toBeColor; } } function outChangTrColor(obj) { obj.parentNode.style.backgroundColor = backColor; obj.style.backgroundColor = backColor; var inputs = obj.parentNode.parentNode.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++ ){ inputs[i].style.backgroundColor = backColor; inputs[i].parentNode.style.backgroundColor = backColor; } } //////////////////////////////////////////处理鼠标事件/////////////////////////////////////// //////////////////////////////////////////处理页面操作/////////////////////////////////////// //复制所选 function copySelect(){ var checkboxs = document.getElementsByName("checkbox"); for (var i=0; i<checkboxs.length; i++) { if(checkboxs[i].checked == true){ checkboxs[i].checked = false; copyTr(checkboxs[i]); checkboxs[i].checked = true; } } } function copyTr(obj) { var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; var Str = obj.parentNode.parentNode; var tr = Str.cloneNode(true); tbody.appendChild(tr); } //删除所选 function delSelect(){ var checkboxs = document.getElementsByName("checkbox"); var table = document.getElementById("tbData"); var tr = table.getElementsByTagName("tr"); for (var i=0; i<checkboxs.length; i++) { if(tr.length==2){ checkboxs[i].checked = false; return; } if(checkboxs[i].checked==true){ removeTr(checkboxs[i]); i=-1; } } } function removeTr(obj) { var sTr = obj.parentNode.parentNode; sTr.parentNode.removeChild(sTr); } //全选按钮 function selectAll() { var checkboxs = document.getElementsByName("checkbox"); var mark = true; for (var i=0; i<checkboxs.length; i++) { if (checkboxs[i].checked==false){mark = false} } if (mark){ for (var i=0; i<checkboxs.length; i++) { checkboxs[i].checked = false; } }else{ for (var i=0; i<checkboxs.length; i++) { checkboxs[i].checked = true; } } } //////////////////////////////////////////处理页面操作/////////////////////////////////////// //////////////////////////////////////////处理键盘操作/////////////////////////////////////// //键盘事件 function beginListen(){ if(document.addEventListener){ document.addEventListener("keydown",keyDown,true); }else{ document.attachEvent("onkeydown",keyDown); } } function stopListen(){ document.detachEvent("onkeydown",keyDown); } //处理键盘事件 function keyDown(event){ if(event.keyCode==13){addTr()} if(event.keyCode==46){delTr()} } //增加表格 function addTr() { var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; var sTr = tbody.getElementsByTagName("tr")[0]; var tr = sTr.cloneNode(true); tbody.appendChild(tr); } //增加表格 function addTr() { var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; var trs = tbody.getElementsByTagName("tr"); var sTr = trs[trs.length-1]; var tr = sTr.cloneNode(true); tbody.appendChild(tr); } //删除表格 function delTr() { var table = document.getElementById("tbData"); var tr = table.getElementsByTagName("tr"); if(tr.length==2){return;} var lastTr = tr[tr.length-1]; lastTr.parentNode.removeChild(lastTr); } //////////////////////////////////////////处理键盘操作/////////////////////////////////////// //////////////////////////////////////////处理按钮事件/////////////////////////////////////// //自动填充 var currentObj; function showDiv(event,obj) { var eX = event.clientX; var eY = event.clientY; var sY = document.body.parentNode.scrollTop; var dY = eY + sY; var divShowInput = document.getElementById("divShowInput"); divShowInput.style.top = dY + "px"; divShowInput.style.left = eX+"px"; divShowInput.style.display = "block"; currentObj = obj; ////智能菜单//// fixMenu(); //判断焦点位置 var tds = obj.parentNode.parentNode.getElementsByTagName("td"); var tdOrder; for (var i = 0; i < tds.length; i++ ){ if(tds[i] === obj.parentNode){ tdOrder = i; } } //填充标题标题 var tdTitleTr = document.getElementById("tbData").getElementsByTagName("tr")[0]; var tdTitle = tdTitleTr.getElementsByTagName("td")[tdOrder]; document.getElementById("barTitle").innerHTML = tdTitle.innerHTML; //收集表格信息//判断重复 var trs = obj.parentNode.parentNode.parentNode.getElementsByTagName("tr"); var autoFillP = document.getElementById("autoFillP"); var bankM = true; for (var i = 0; i < trs.length; i++ ){ var inputValue = trs[i].getElementsByTagName("td")[tdOrder].getElementsByTagName("input")[0].value; if (inputValue != "") { bankM = false; var menus = autoFillP.getElementsByTagName("a"); if(menus.length > 0) { var beliveM = true; for (var j = 0; j < menus.length; j++ ){ if(menus[j].firstChild.nodeValue == inputValue) { beliveM = false; } } if(beliveM){ var Svalue = document.createElement("a"); Svalue.setAttribute("href","javascript:void 0"); Svalue.onclick = function () {fillInput(this)}; var Stext = document.createTextNode(inputValue); Svalue.appendChild(Stext); autoFillP.appendChild(Svalue); } }else{ var Svalue = document.createElement("a"); Svalue.setAttribute("href","javascript:void 0"); Svalue.onclick = function () {fillInput(this)}; var Stext = document.createTextNode(inputValue); Svalue.appendChild(Stext); autoFillP.appendChild(Svalue); } } } if(bankM) { var Svalue = document.createElement("a"); Svalue.setAttribute("href","javascript:void 0"); var Stext = document.createTextNode("数据空"); Svalue.appendChild(Stext); autoFillP.appendChild(Svalue); } } function fillInput(obj) { currentObj.value = obj.innerHTML; var divShowInput = document.getElementById("divShowInput"); divShowInput.style.display = "none"; } function clearInput() { currentObj.value = ""; var divShowInput = document.getElementById("divShowInput"); divShowInput.style.display = "none"; } function hideDiv(obj) { obj.parentNode.style.display = "none"; } //删除智能菜单已有数据 function fixMenu() { var autoFillP = document.getElementById("autoFillP"); var values = autoFillP.getElementsByTagName("a"); for (var i = values.length-1; i >= 0; i-- ){ autoFillP.removeChild(values[i]); } } //////////////////////////////////////////处理按钮事件/////////////////////////////////////// //////////////////////////////////////////数据发送/////////////////////////////////////// //////////////////////////////////////////数据发送/////////////////////////////////////// function sendData() { var sendName = new Array("ok","A1","A2","A3","A4","A5","A6","A7","A8","A9","A10","A11"); var trs = document.getElementById("tbData").getElementsByTagName("tbody")[0].getElementsByTagName("tr"); for (var i = 0; i < trs.length; i++) { var sendValue = new Array(); var values = trs[i].getElementsByTagName("input"); var postString = sendName[1] + "=" + values[1].value;; for (var j = 2; j < values.length; j++) { postString = postString + "&" + sendName[j] + "=" + values[j].value; } var SendAjax = new Ajax("isave.asp",0,postString,sendok); SendAjax.post(); function sendok(revData){ alert(revData); } } } //////////////////////////////////////////数据发送/////////////////////////////////////// //--> </script></a></td> <td width="537"><a href="javascript:void%200" onclick="delSelect()">선택 항목 삭제</a></td> <td> </td> </tr> </table></td> </tr> <tr> <td> <table id="tbData" width="750" border="0" align="center" cellpadding="0" cellpacing="1"> <table id="tbData" width="750" border="0" align="center" cellpadding="0" cellspacing="1"> <thead> <tr> <td height="25"><a href="javascript:void%200" onclick="selectAll();">全选</a></td> <td>A1</td> <td>A2</td> <td>A3</td> <td>A4</td> <td>A5</td> <td>A6</td> <td>A7</td> <td>A8</td> <td>A9</td> <td>A10</td> <td>A11</td> </tr> </thead> <tbody> <tr> <td><input class="checkbox" type="checkbox" name="checkbox" value="checkbox"></td> <td><input name="A1" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A2" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A3" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A4" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A5" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A6" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A7" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A8" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A9" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A10" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> <td><input name="A11" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout="outChangTrColor(this)"></td> </tr> </tbody> </table> <td height="25"><a href="javascript:void%200" onclick="selectAll();">전체</a></td> <tr>A1<td> <table width="700" border="0" align="center" cellpadding="0" cellspacing="0" id="tbBomOpt"> <tr> <td height="40" width="125"><a href="javascript:void%200" onclick="copySelect()">复制所选</a></td> <td width="537"><a href="javascript:void%200" onclick="delSelect()">删除所选</a></td> <td width="537"><a href="javascript:void%200" onclick="sendData()">提交</a></td> <td width="38"> </td> </tr> </table>A2</td> </tr>A3</table> A4 A5<br> <input onclick="runEx('runcode69092')" type="button" value="运行代码">A6<input onclick="doCopy('runcode69092')" type="button" value="复制代码"> <input onclick="doSave(runcode69092)" type="button" value="保存代码">A7<a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank"> </a>A8 <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(); this.xmlHttp.open("GET",queryString,true); this.xmlHttp.send(null); } Ajax.prototype.post = function() { url = this.url; var url = url + "?timeStamp=" + new Date().getTime(); var queryString = this.createQueryString(); this.xmlHttp.open("POST",url,true); this.xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); this.xmlHttp.send(queryString); } Ajax.handleStateChange = function (xmlHttp,recvT,resultF) { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { resultF(recvT?xmlHttp.responseXML:xmlHttp.responseText); } else { alert("您所请求的页面有异常。"); } } } //////////////////////////////////////////ajax类/////////////////////////////////////// //////////////////////////////////////////处理鼠标事件/////////////////////////////////////// //表格变色 var toBeColor = "#F8F9FC"; var backColor = "#FFFFFF"; function onChangTrColor(obj) { obj.parentNode.style.backgroundColor = toBeColor; obj.style.backgroundColor = toBeColor; var inputs = obj.parentNode.parentNode.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++ ){ inputs[i].style.backgroundColor = toBeColor; inputs[i].parentNode.style.backgroundColor = toBeColor; } } function outChangTrColor(obj) { obj.parentNode.style.backgroundColor = backColor; obj.style.backgroundColor = backColor; var inputs = obj.parentNode.parentNode.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++ ){ inputs[i].style.backgroundColor = backColor; inputs[i].parentNode.style.backgroundColor = backColor; } } //////////////////////////////////////////处理鼠标事件/////////////////////////////////////// //////////////////////////////////////////处理页面操作/////////////////////////////////////// //复制所选 function copySelect(){ var checkboxs = document.getElementsByName("checkbox"); for (var i=0; i<checkboxs.length; i++) { if(checkboxs[i].checked == true){ checkboxs[i].checked = false; copyTr(checkboxs[i]); checkboxs[i].checked = true; } } } function copyTr(obj) { var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; var Str = obj.parentNode.parentNode; var tr = Str.cloneNode(true); tbody.appendChild(tr); } //删除所选 function delSelect(){ var checkboxs = document.getElementsByName("checkbox"); var table = document.getElementById("tbData"); var tr = table.getElementsByTagName("tr"); for (var i=0; i<checkboxs.length; i++) { if(tr.length==2){ checkboxs[i].checked = false; return; } if(checkboxs[i].checked==true){ removeTr(checkboxs[i]); i=-1; } } } function removeTr(obj) { var sTr = obj.parentNode.parentNode; sTr.parentNode.removeChild(sTr); } //全选按钮 function selectAll() { var checkboxs = document.getElementsByName("checkbox"); var mark = true; for (var i=0; i<checkboxs.length; i++) { if (checkboxs[i].checked==false){mark = false} } if (mark){ for (var i=0; i<checkboxs.length; i++) { checkboxs[i].checked = false; } }else{ for (var i=0; i<checkboxs.length; i++) { checkboxs[i].checked = true; } } } //////////////////////////////////////////处理页面操作/////////////////////////////////////// //////////////////////////////////////////处理键盘操作/////////////////////////////////////// //键盘事件 function beginListen(){ if(document.addEventListener){ document.addEventListener("keydown",keyDown,true); }else{ document.attachEvent("onkeydown",keyDown); } } function stopListen(){ document.detachEvent("onkeydown",keyDown); } //处理键盘事件 function keyDown(event){ if(event.keyCode==13){addTr()} if(event.keyCode==46){delTr()} } //增加表格 function addTr() { var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; var sTr = tbody.getElementsByTagName("tr")[0]; var tr = sTr.cloneNode(true); tbody.appendChild(tr); } //增加表格 function addTr() { var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; var trs = tbody.getElementsByTagName("tr"); var sTr = trs[trs.length-1]; var tr = sTr.cloneNode(true); tbody.appendChild(tr); } //删除表格 function delTr() { var table = document.getElementById("tbData"); var tr = table.getElementsByTagName("tr"); if(tr.length==2){return;} var lastTr = tr[tr.length-1]; lastTr.parentNode.removeChild(lastTr); } //////////////////////////////////////////处理键盘操作/////////////////////////////////////// //////////////////////////////////////////处理按钮事件/////////////////////////////////////// //自动填充 var currentObj; function showDiv(event,obj) { var eX = event.clientX; var eY = event.clientY; var sY = document.body.parentNode.scrollTop; var dY = eY + sY; var divShowInput = document.getElementById("divShowInput"); divShowInput.style.top = dY + "px"; divShowInput.style.left = eX+"px"; divShowInput.style.display = "block"; currentObj = obj; ////智能菜单//// fixMenu(); //判断焦点位置 var tds = obj.parentNode.parentNode.getElementsByTagName("td"); var tdOrder; for (var i = 0; i < tds.length; i++ ){ if(tds[i] === obj.parentNode){ tdOrder = i; } } //填充标题标题 var tdTitleTr = document.getElementById("tbData").getElementsByTagName("tr")[0]; var tdTitle = tdTitleTr.getElementsByTagName("td")[tdOrder]; document.getElementById("barTitle").innerHTML = tdTitle.innerHTML; //收集表格信息//判断重复 var trs = obj.parentNode.parentNode.parentNode.getElementsByTagName("tr"); var autoFillP = document.getElementById("autoFillP"); var bankM = true; for (var i = 0; i < trs.length; i++ ){ var inputValue = trs[i].getElementsByTagName("td")[tdOrder].getElementsByTagName("input")[0].value; if (inputValue != "") { bankM = false; var menus = autoFillP.getElementsByTagName("a"); if(menus.length > 0) { var beliveM = true; for (var j = 0; j < menus.length; j++ ){ if(menus[j].firstChild.nodeValue == inputValue) { beliveM = false; } } if(beliveM){ var Svalue = document.createElement("a"); Svalue.setAttribute("href","javascript:void 0"); Svalue.onclick = function () {fillInput(this)}; var Stext = document.createTextNode(inputValue); Svalue.appendChild(Stext); autoFillP.appendChild(Svalue); } }else{ var Svalue = document.createElement("a"); Svalue.setAttribute("href","javascript:void 0"); Svalue.onclick = function () {fillInput(this)}; var Stext = document.createTextNode(inputValue); Svalue.appendChild(Stext); autoFillP.appendChild(Svalue); } } } if(bankM) { var Svalue = document.createElement("a"); Svalue.setAttribute("href","javascript:void 0"); var Stext = document.createTextNode("数据空"); Svalue.appendChild(Stext); autoFillP.appendChild(Svalue); } } function fillInput(obj) { currentObj.value = obj.innerHTML; var divShowInput = document.getElementById("divShowInput"); divShowInput.style.display = "none"; } function clearInput() { currentObj.value = ""; var divShowInput = document.getElementById("divShowInput"); divShowInput.style.display = "none"; } function hideDiv(obj) { obj.parentNode.style.display = "none"; } //删除智能菜单已有数据 function fixMenu() { var autoFillP = document.getElementById("autoFillP"); var values = autoFillP.getElementsByTagName("a"); for (var i = values.length-1; i >= 0; i-- ){ autoFillP.removeChild(values[i]); } } //////////////////////////////////////////处理按钮事件/////////////////////////////////////// //////////////////////////////////////////数据发送/////////////////////////////////////// //////////////////////////////////////////数据发送/////////////////////////////////////// function sendData() { var sendName = new Array("ok","A1","A2","A3","A4","A5","A6","A7","A8","A9","A10","A11"); var trs = document.getElementById("tbData").getElementsByTagName("tbody")[0].getElementsByTagName("tr"); for (var i = 0; i < trs.length; i++) { var sendValue = new Array(); var values = trs[i].getElementsByTagName("input"); var postString = sendName[1] + "=" + values[1].value;; for (var j = 2; j < values.length; j++) { postString = postString + "&" + sendName[j] + "=" + values[j].value; } var SendAjax = new Ajax("isave.asp",0,postString,sendok); SendAjax.post(); function sendok(revData){ alert(revData); } } } //////////////////////////////////////////数据发送/////////////////////////////////////// //--> </script>A9 A10 A11 <input class="checkbox" type="checkbox" name="checkbox" value="checkbox"> <input name="A1" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A2" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A3" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A4" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A5" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A6" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A7" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A8" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A9" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A10" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <input name="A11" type="text" onfocus="stopListen()" onblur="beginListen()" ondblclick="showDiv(event,this)" onmouseover="onChangTrColor(this)" onmouseout=" outChangTrColor(this)"> <table width="700" border="0" align="center" cellpadding="0" cellpacing="0" id="tbBomOpt"> <td height="40" width="125"><a href="javascript:void%200" onclick="copySelect()">제조업체 </a></td> <td width="537"><a href="javascript:void%200" onclick="delSelect()">删除所选 </a></td> <td width="537"><a href="javascript:void%200" onclick="sendData()">지원 </a></td> <td> [Ctrl A 전체选 注:如需引入외부Js需刷新才能执行]</td> </table> </td> </tr> </table> </td> </tr> </table>