社区
JavaScript
帖子详情
怎么实现在表格中双击两下就可对里面的内容进行修改?
xuan0607
2003-08-25 10:02:17
怎么实现在表格中双击两下就可对里面的内容进行修改?没双击前表格的内容是灰色不可编辑状态,并且双击后表格的背景色改变。
谢谢各位。
...全文
286
4
打赏
收藏
怎么实现在表格中双击两下就可对里面的内容进行修改?
怎么实现在表格中双击两下就可对里面的内容进行修改?没双击前表格的内容是灰色不可编辑状态,并且双击后表格的背景色改变。 谢谢各位。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
xuan0607
2003-08-25
打赏
举报
回复
对了,就是这个效果。谢谢。
awaysrain
2003-08-25
打赏
举报
回复
<script language="JavaScript">
function test(obj)
{
if(obj.bgColor=="")
return;
obj.bgColor=""
for(i=0;i<obj.rows.length;i++)
{
for(j=0;j<obj.rows[i].cells.length;j++)
{
obj.rows[i].cells[j].innerHTML='<input type="text" name="T1" size="20" style="border-style: solid; border-color: #FFFFFF" value="' + obj.rows[i].cells[j].innerText+ '">'
}
}
}
function save(obj)
{
obj.bgColor="#999999"
for(i=0;i<obj.rows.length;i++)
{
for(j=0;j<obj.rows[i].cells.length;j++)
{
if(obj.rows[i].cells[j].firstChild.value!=" " && obj.rows[i].cells[j].firstChild.value!="")//这里好好判断一下
obj.rows[i].cells[j].innerHTML= obj.rows[i].cells[j].firstChild.value
else
obj.rows[i].cells[j].innerHTML= " "
}
}
}
</script>
<table id=tab1 width="200" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000" bgcolor="#999999" ondblClick="test(this)">
<tr>
<td width="110">双击这里试试</td>
<td width="64"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p>
<input type="button" name="Button" value="保存" onClick="save(tab1)">
</p>
xuan0607
2003-08-25
打赏
举报
回复
差不多了。
不过不要双击后的文本框也能修改就好了。一定要在文本框里修改吗?
对了,还有,能不能修改后按车就保存了呢?
awaysrain
2003-08-25
打赏
举报
回复
<script language="JavaScript">
function test(obj)
{
tab1.bgColor=""
obj.innerHTML="<input type=\"text\" name=\"textfield\" value=\"" + obj.innerText + "\">"
}
</script>
<table id=tab1 width="200" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000" bgcolor="#999999">
<tr>
<td ondblClick="test(this)">双击这里试试</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
这种效果?
怎么
实现
在
表格
中
双击
两下
就可对
里面
的
内容
进行
修改
怎么
实现
在
表格
中
双击
两下
就可对
里面
的
内容
进行
修改
php通过ajax
实现
双击
table
修改
内容
主要介绍了php通过如何ajax
实现
双击
table
修改
内,需要的朋友可以参考下
Android事件处理重难点教学视频
Android事件处理是Android开发
中
一个比较重要的知识点,该课程将通过实战讲解Android的用户事件处理,并且会讲解除了常规的基于监听的事件处理机制之外的事件处理机制--基于回调的事件处理机制,并且全程结合实战讲解。之前我们已经学习了如何
实现
Android的一些动画、组件等功能,但是如果用户要能方便地使用我们的Android APP,我们开发的时候就必须要考虑用户对这些控件可能
进行
的操作,比如单击、
双击
、滑动等,然后再对这些不同的用户事件
进行
不同的处理,从而满足用户对应用的操作需求。
购物车技术,分页技术,ajax动态
修改
表格
数据
里面
实现
了 购物车技术,分页技术,ajax动态
修改
表格
数据(可以
双击
表格
动态
修改
数据库
里面
的数据)
Layui
表格
监听行单
双击
事件讲解
在学MVC过程
中
,我们一般都是利用layui插件里的layui数据
表格
加载数据库
中
的数据,而layui
表格
里有许多的事件监听,比如监听行的单
双击
事件,可利用行的单
双击
事件
实现
很多我们想要的功能,比单击某条数据可以
进行
修改
、删除操作,
双击
某条数据调出到其他表
中
,接下来就讲讲layui
表格
里的监听行的单
双击
事件。 如上图所示:因为这个数据
表格
用到了layui插件,因此在使用前要先引用layui插件
里面
的css文件以及js文件,然后在“$(function(){});”
里面
加载和初始化layui模块,否则会报错。page表示开启分页。limit表示指定每页显示的条数。limits表示每页条数的选择
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章