js 点击某个标签实现编辑、保存
js 点击某个标签实现编辑、保存
杭城小刘 发表于2年前
js 点击某个标签实现编辑、保存
  • 发表于 2年前
  • 阅读 141
  • 收藏 8
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 暑假做了一个动物管理系统,后来去实习了,今天研究生学长告诉我有几个地方需要修改,其中一个就是需要讲数据读出来并点击可以编辑并保存,我觉得这个功能还是比较有用的,我打算贴出来积累,供日狗查看。

1、js部分

<script type="text/javascript">
<!--
var _edit = 
{
 IN: function (obj, act, id) {
  var tag = obj.firstChild.tagName;
  if (typeof(tag) != "undefined" && (tag == "INPUT" || tag == "TEXTAREA"))return;
  var org = obj.innerHTML;
  var orglen = org.replace(/[^\x00-\xff]/g,'**').length;
  if (obj.offsetHeight <= 22) {
  var val = window.ActiveXObject ? obj.innerText : obj.textContent;
  var txt = document.createElement("INPUT");
  txt.value = val;
  txt.style.background = "#FFC";
  txt.style.width = obj.offsetWidth + "px" ;
  obj.innerHTML = "";
  obj.appendChild(txt);
  txt.focus();
  txt.onblur = function(e){
obj.innerHTML = txt.value;
_edit.QUERY(act,txt.value);
return false;
  }
  return false;
  }else{
var content = obj.innerHTML;
var html = document.createElement('TEXTAREA');
html.style.width = obj.offsetWidth + "px";
html.style.height = obj.offsetHeight + "px";
obj.innerHTML = "";
html.value = content;
obj.appendChild(html);
html.focus();
html.onblur = function(e){
obj.innerHTML = html.value;
_edit.QUERY(act,obj.innerHTML);
}
return false;
  }
 }
}
var editContent = _edit.IN;
// -->
</script>

2、html部分

<td class="hidden-480" id="content" onclick="_edit.IN(this,'index.html?act=edit',3)">
															这是可编辑的耳标
														</td>

就这样可以实现点击编辑并保存功能。


  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 13
博文 104
码字总数 45891
×
杭城小刘
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: