【 View】【收藏】【推荐】【评论】 双击文字后实现编辑文本功能 (2008-09-04 )

下载 Download：
迅雷下载(推荐)　|　本地下载(电信)

来源：预览网址：无

重要：当提供源代码在代码框显示时，下载和演示地址可能无效，请点击下面的运行代码查看效果！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "HTML://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd">
<HTML xmlns="HTML://www.w3.org/1999/xHTML">
<head>
<meta HTML-equiv="Content-Type" content="text/HTML; charset=gb2312" />
<meta name="author" content="wuleying"> 
<title>无标题文档</title>
<style>
input.t {border:1px solid #fff;background:#fff;}
input.s {border:1px solid #369;background:#fff;}
</style>
</head>
<body>
<input class="t" id="test" readonly value="这里是标题,双击文字后实现编辑文本功能" /><input type="submit" value="修改" style="display:none;" id="submit" />
<script type="text/javascript">
var test = document.getElementById("test");
var mysubmit = document.getElementById("submit");
test.ondblclick = function()
{
 this.readOnly = false;
 this.className = "s";
 mysubmit.style.display = "";
}
mysubmit.onclick = function()
{
 test.readOnly = true;
 test.className = "t";
 this.style.display = "none";
}
</script>
</body>
</HTML>

提示：您可以修改部分代码再运行，复制和保存功能在Firefox下无效。

上一篇：用户输入框日期(年月日)提醒下一篇：youku漂亮的DIV搜索条

共有 0 位酷友发表了评论, 点此查看全部酷友评论(Comments)

添加评论(Add Comments) 不能超过250字，需审核，请自觉遵守互联网相关政策法规。

服务赞助商

随机显示10条设计素材

来源：预览网址：无

上一篇：用户输入框日期(年月日)提醒下一篇：youku漂亮的DIV搜索条

共有 0 位酷友发表了评论, 点此查看全部酷友评论(Comments)

添加评论(Add Comments) 不能超过250字，需审核，请自觉遵守互联网相关政策法规。

昵称：论坛注册

服务赞助商

随机显示10条设计素材

无图片的圆角表格

改变文本框里的文字颜色

CSS凹陷文字

select跳转菜单新窗口

默认图片是灰色鼠标放上去变彩色css效

双击文字后实现编辑文本功能

给表格做链接

通用滑动门类

一个弹出层的JS特效

超出的文字用省略,用…代替

酷站 + 代码 + javascript代码 + 详细内容

来源： 预览网址：无

上一篇：用户输入框日期(年月日)提醒 下一篇：youku漂亮的DIV搜索条

共有 0 位酷友发表了评论, 点此查看全部 酷友评论(Comments)

添加评论(Add Comments) 不能超过250字，需审核，请自觉遵守互联网相关政策法规。

昵称： 论坛注册 密码： 匿名?

服务赞助商

随机显示10条设计素材

来源：预览网址：无

上一篇：用户输入框日期(年月日)提醒下一篇：youku漂亮的DIV搜索条

共有 0 位酷友发表了评论, 点此查看全部酷友评论(Comments)

昵称：论坛注册