如何才能做到让表格可以输入呢。谢谢了
解决方案 »
- .js+数字 用于验证的问题
- html 页里有一个div 隐藏,然后我点击一个链接,想弹出这个隐藏的DIV里的内容,如何做?
- 正则表达式问题!?
- 分没了, 但还是请好心人能帮帮我. 求用JC实现页面间数据传送.
- 怎么躲避缓存,在打开网页时刷新一下页面但不是不停的刷!
- 怎么设置让COOKIE失效,有的朋友说把失效时间设置为当前时间就可以了吗?怎么设置啊?有没有相关的资料啊?有代码最好了!!谢谢了
- 请问怎样用js使一个text disabled
- 寻求表单中提交按纽的实现提交确认的方法
- 如何在一个Iframe中调用别外一个Iframe中的标签?在线等待!!!
- 下面这段javascript代码是什么意思呢?好深奥难懂哦
- 节点移除后,该节点的事件是不是也一起删除
- 问个javscript执行过程的问题,为什么程序会被提前执行。
<tr>
<td><input type="text"></td>
</tr>
</table>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<style type="text/css">
input {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
background-color: #FFFFE1;
border: 1px solid #999999;
}
</style>
</head>
<body>
<div id="mydiv"></div>
<table width="80%" border="1" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" onclick="setEdit(event)" onkeydown="checkAdd(event)">
<tr>
<td width="20%">343</td>
<td width="20%">sdf</td>
<td width="20%">asdf</td>
<td width="20%">asf</td>
<td width="20%">35r32</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>adfdsf</td>
<td>adfdsf</td>
<td>adfsdf </td>
<td> dafssda</td>
<td> dafdsf</td>
</tr>
<tr>
<td>2342432</td>
<td>asdf</td>
<td> dfsasdfds</td>
<td>3243243</td>
<td>asdfasf</td>
</tr>
<tr>
<td>h</td>
<td>ghhhh</td>
<td>hhhh</td>
<td>ea</td>
<td>ghghhh</td>
</tr>
</table>
</body>
</html>
<script language="javascript">
oldObj="";
var newInput=document.createElement("input");
newInput.type="text";
function setEdit(e){
var tdObj = e.srcElement? e.srcElement : (e.target ? e.target : e);
var obj;
if(tdObj.tagName && tdObj.tagName=="TD"){
if(oldObj!=""){
var tobj = document.getElementById('tmpText');
oldObj.removeChild(tobj);
if(newInput.vlaue=="")
oldObj.innerHTML=" ";
else
oldObj.innerHTML=newInput.value;
}
obj=tdObj;
oldObj=obj;
newInput.width=obj.offsetWidth;
newInput.height=obj.offsetHeight; newInput.id="tmpText";
newInput.value=obj.innerHTML;
obj.innerHTML="";
obj.appendChild(newInput);
newInput.focus();
}
tdObj = obj = tobj = null;
}
function checkAdd(e){
if(e && e.keyCode == 13){
var obj = e.srcElement? e.srcElement : e.target;
var tbl = obj.parentNode.parentNode;
if(oldObj!=""){
var tobj = document.getElementById('tmpText');
oldObj.removeChild(tobj);
if(newInput.vlaue=="")
oldObj.innerHTML=" ";
else
oldObj.innerHTML=newInput.value;
var oldObj2 = oldObj;
oldObj = '';
}
if(tbl.tagName && tbl.tagName == 'TR'){
t2 = tbl.cloneNode(true);
tbl.parentNode.insertBefore(t2,tbl);
}
setEdit(oldObj2);
}
obj = tbl = tobj = t2 = oldObj2 = null;
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var oTd = document.getElementById('d');
var i = 0;
var oInput = document.createElement('input');
var oSpan = document.getElementById('jieguo');
oInput.setAttribute('type','text');
oInput.setAttribute('id','text');
oTd.onclick = function(){
if(i == 0){
oSpan.appendChild(oInput);
i++;
}
};
oInput.onblur = function(){
oSpan.innerHTML = oInput.value;
};
};
</script>
</head><body>
<table border="10">
<tr>
<td id="d">dian wo<span id="jieguo"></span></td>
</tr>
</table>
</body>
</html>楼主的意思是这样吗?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var oTd = document.getElementById('d');
var i = 0;
var oInput = document.createElement('input');
var oSpan = document.getElementById('jieguo');
oInput.setAttribute('type','text');
oInput.setAttribute('id','text');
oTd.onclick = function(){
if(i == 0){
oSpan.appendChild(oInput);
i++;
}
};
oInput.onblur = function(){
oSpan.innerHTML = oSpan.innerText + oInput.value;
i--;
};
};
</script>
</head><body>
<table border="10">
<tr>
<td id="d">dian wo<span id="jieguo"></span></td>
</tr>
</table>
</body>
</html>楼主看这个 我上面发的有点问题~··
<table>
<tr>
<td><span contentEditable="true">可以编辑这个地方</span></td>
</tr>
</table>试试看