JS实现即点即编辑功能代码_javascript技巧-js教程-PHP中文网

JS实现即点即编辑功能代码_javascript技巧

php中文网

发布： 2016-05-16 18:59:27

原创

1678人浏览过

效果如图所示：

分享代码喽：

DirCMS内容管理系统6.0

DirCMS内容管理系统，是国内自主研发的一款功能强大而又不失小巧简洁的由PHP+Mysql架构的内容管理系统。DirCMS代码全部开源，便于使用者二次开发或定制；并采用简洁的模板标签技术，使制作模板更加容易，一般情况下，用DirCMS架构一个企业站只需半天时间即可，真正实现功能的简洁，实用，强大，灵活。可广泛应用于架构各类门户站，下载站，企业站，工作室等站点。

查看详情

<title></title>
<script language="JavaScript">　 
<!-- 
var globalLineId_1 = 1; 
var endLineId_1 = 5;

var globalLineId_2 = 1; 
var endLineId_2 = 5;

var globalLineId_3 = 1; 
var endLineId_3 = 5;

var currTab = 1; 
function switchShow(isWrite,lineId, tabId){ 
var inputText = document.getElementById("inputText_"+tabId+"_"+lineId); 
var inputDiv = document.getElementById("inputDiv_"+tabId+"_"+lineId); 
var inputContentDiv = document.getElementById("inputContentDiv_"+tabId+"_"+lineId); 
var inputContent = document.getElementById("inputContent"); 
var inputTd = document.getElementById("inputTd_"+tabId+"_"+lineId);

eval("globalLineId_"+tabId+"=lineId"); 
currTab = tabId;

if (isWrite){ 
inputText.value=inputDiv.innerText 
inputDiv.style.display="none"; 
inputText.style.display="block"; 
inputContent.innerText = inputContentDiv.innerText; 
inputText.focus();

if (eval("globalLineId_"+tabId) == eval("endLineId_"+tabId)){ 
addNewRow(); 
} 
}else{ 
inputDiv.innerText=inputText.value; 
inputDiv.style.display="block"; 
inputText.style.display="none"; 
} 
}

function addNewRow(){ 
eval("endLineId_"+currTab+"++"); 
var currEndLineId = eval("endLineId_"+currTab); 
var inputTab = document.getElementById("inputTab_" + currTab); 
var newTr = inputTab.insertRow(); 
var newTd = newTr.insertCell(); 
newTd.id = "inputTd_"+currTab+"_"+currEndLineId; 
newTd.style.height = "22px"; 
newTd.style.borderBottom = "solid 1px #000"; 
newTd.innerHTML = "<div id='inputDiv_"+currTab+"_"+currEndLineId+"' style='padding-left:3px;'> </script>

" + "" + ""; newTd.onclick = Function("switchShow(true, "+currEndLineId+", "+currTab+")"); } function saveContent(){ var inputContentDiv = document.getElementById("inputContentDiv_"+currTab+"_"+eval("globalLineId_"+currTab)); var inputContent = document.getElementById("inputContent"); if(inputContentDiv !=null){ inputContentinputContentDiv.innerText = inputContent.innerText; } } function deleteItem(){ var inputTd = document.getElementById("inputTd_"+currTab+"_"+eval("globalLineId_"+currTab)); var inputTab = document.getElementById("inputTab_"+currTab); var inputRows = inputTab.rows; var inputCells ; var rowsLength = inputRows.length; if (inputTd!=null){ for(i=1; i 　

配置预算项目

教育学费

住宿费

生活费

其他

配置适用地区

西北地区

福建省

北京市