可在线编辑网页文字效果代码(单击)

更新时间：2013年03月02日 23:37:50 作者：

可在线编辑网页文字效果代码，点击即可编辑文字，喜欢的朋友可以参考下

<style type="text/css"></style><center><div id="aa"></div><table width="80%" id="tab1"  border="1" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" onclick="setEdit(event.srcElement)" style="border:9px groove lime;">  <tr>    <td width="20%" id="td1">脚本之家</td>    <td width="20%">脚本之家</td>    <td width="20%">脚本之家</td>    <td width="20%">脚本之家</td>    <td width="20%">脚本之家</td>  </tr>  <tr>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>  </tr>  <tr>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>  </tr>  <tr>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>  </tr>  <tr>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>  </tr></table></body></html><script>oldObj="";var newNode=document.createElement("input");newNode.type="text";function setEdit(click_td){var obj; if(click_td.tagName=="TD"){if(oldObj!=""){oldObj.removeChild(eval("tmpText"));if(newNode.vlaue=="") oldObj.innerText=" ";else oldObj.innerText=newNode.value;}obj=click_td;oldObj=obj;//newNode.width=obj.clientWidth;//newNode.height=obj.clientHeight;newNode.width=obj.offsetWidth;newNode.height=obj.offsetHeight;newNode.id="tmpText";newNode.value=obj.innerText;obj.innerText="";obj.appendChild(newNode);newNode.focus();}}</script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

相关文章

JS实现用键盘控制DIV上下左右+放大缩小与变色
用键盘控制DIV，红色方块为键盘操作区域，您可以进行如下操作:左右控制;背景变为绿色;背景变为黄色;背景变为蓝色放大或缩小
2012-12-12
封装的原生javascript弹出层代码
最近抽空余的时间写了个弹出层的插件，功能不算强大，当练手，以下为示例代码。
2010-09-09
可在线编辑网页文字效果代码(单击)
可在线编辑网页文字效果代码，点击即可编辑文字，喜欢的朋友可以参考下
2013-03-03
js QQ客服悬浮效果实现代码
一段js实现的QQ客服悬浮特效代码，经常用在网页上显示QQ客服在线信息，很实用的一段代码
2014-12-12
js隔行变色、鼠标划过变色代码
隔行变色、鼠标划过变色代码，已经有不少类似的代码了，出于学习的态度，再发一个，因为每个隔行换色的写法不同。
2010-10-10
js实现完美拖拽效果可拖动层与回放拖动规迹并显示拖动距离参数
一个完美的JS拖拽功能，实现层在网页上任意拖动，还可回放拖动规迹，而且在拖动时显示拖动距离参数等相关属性。经本人测试兼容性也是相当不错的代码，学习JavaScript的朋友，可以拿来研究研究，您可不要错过哦
2012-12-12
点弹代码点击页面任何位置都可以弹出页面效果代码
有时候需要点击页面任何位置都可以弹出页面效果，多用于游戏，导航类网站推广
2012-09-09
代码非常简洁且兼容多浏览器的拖动层实现代码
代码非常简洁且兼容多浏览器的拖动层的实现代码，需要的朋友可以参考下。
2011-01-01
js 页面左右两侧居中广告代码
js 页面左右两侧居中广告代码,里面的代码还不错
2012-03-03
基于jQuery实现下拉收缩(展开与折叠)特效
jQuery下拉收缩特效，点击下边那个按钮，就可实现下拉的效果，也叫展开与折叠的效果，使用了jQuery插件，如何不习惯使用jquery插件的朋友当然使用纯Js也能实现哦，但是jquery现在这么流行，值得学习一下哦
2012-12-12

最新评论