免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 2521 | 回复: 1
打印 上一主题 下一主题

javascrpt HTML ondbclick事件后单元格变化后,如何指定单元格恢复? [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2010-12-09 11:24 |只看该作者 |倒序浏览
本帖最后由 叠不齐 于 2010-12-09 11:27 编辑
  1. function ChangeRop(obj,pj_id,taskId,event) {
  2.    
  3.     var table = document.getElementById("project");
  4.     for(var index =1 ; index < table.rows.length ; index ++){
  5.         if(table.rows[index].cells[7].id==taskId){
  6.             continue;
  7.         }
  8.         else{
  9.              reset(table.rows[index].cells[7]);
  10.         }
  11.     }
  12.       html="<form name=\"taskForm\" action=\"\" method=\"\">";
  13.       html+=  "<table align='left'><div><tr>";
  14.       if(document.all){html+="<input type='text' id='task_rop' name='task_rop' maxlength='2' size='2' onBlur='javascript: saveUpdateRop(this,"+pj_id+","+taskId+")' value="+obj.innerText.replace("%","")+">"}//innerText IE等支持专用
  15.       else{html+="<input type='text' id='task_rop' name='task_rop' maxlength='2' size='2' onBlur='javascript: saveUpdateRop(this,"+pj_id+","+taskId+")' value="+obj.textContent.replace("%","")+">"}//textContent火狐专用属性
  16.       html+="<input type='button' value='OK' onclick='saveUpdateRop(this,"+pj_id+","+taskId+")'>";
  17.       html+="</tr></div></table>";
  18.       html+="</form>";
  19.       obj.innerHTML=html;
  20. }

  21. function saveUpdateRop(obj,pj_id,taskId){
  22.         var task_rop = document.getElementById('task_rop');
  23.        if (/^-?\d+$/.test(task_rop.value))//验证是否为数值
  24.         {
  25.             var url = "./?module=Project_Task&act=DoEditProjectTaskListDetail";
  26.             param = "pj_id=" + pj_id+"&taskId=" + taskId+"&task_rop=" + task_rop.value;
  27.             new Ajax.Request(url,{method:'post',parameters: param, onSuccess: function(transport){
  28.                 {
  29.                //   if(transport.responseText >'1'){
  30.                 if(transport.status/200!==0){//判断是否执行成功   //
  31.                      obj.innerHTML =task_rop.value;
  32.                      //alert("更新成功!   "+"进度更新为"+task_rop.value+"%");
  33.                      window.location.reload();//刷新
  34.                     }
  35.                     else{alert("更新失败!");}
  36.                  }
  37.             }});
  38.         }
  39.         else
  40.         {alert("请检查输入的数据!");}
  41. }
复制代码
[/code]后台php处理
  1. <td  nowrap id="{$projectTask[p_task].id}"{if $projectTask[p_task].rop==100}bgcolor="#f4f4f4"{/if} ondblClick="ChangeRop(this,{$projectTask[p_task].pj_id},{$projectTask[p_task].id},event)">{$projectTask[p_task].rop} <span>%</span></td>
复制代码
定义table的id为project ,tr字段利用数据库id赋值,表的第7列是我要恢复的,我双击一个单元格后该单元格变为可编辑状态并提供提交按钮,如果我双击别的单元格想让这个单元格恢复原来状态。同时这个单元格变为可编辑~
现在的问题是,我利用reset方法时 他在循环中reset一次就跳出循环了~不执行了
还有其他方案可以利用么?

论坛徽章:
0
2 [报告]
发表于 2010-12-09 13:52 |只看该作者
reset查到原因 方法未定义
我自己写一个方法如何写比较好?
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP