ajax实现表格输入效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=
"Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language=
"javascript1.2">
//返回值
var text=
"";
function send_request_(id_,remak)
{
//请求中文乱码必须解码两次
remak=encodeURI(encodeURI(remak));
http_request = new ActiveXObject(
"Microsoft.XMLHTTP");
if(!http_request){
return false;
}

http_request.onreadystatechange = processRequest;

http_request.open(
"post","http://localhost:8080/job/jobEntMemberManage/EnterprisesUI/resume/BeiZhu.action?id="+id_+"&Remark="+remak, false);

http_request.send(
"post");

return false;
}

function processRequest(){

if(http_request.readyState==4){
if(http_request.status==200){
//页面正常可以处理返回信息
text=http_request.responseText;
}else{
alert(
"对不起操作有误!");
}
}else{
//请等待
}
}

function dis(id_){

document.getElementById(id_).style.display =
"block";
document.getElementById(id_+
"_").style.display ="none";
document.getElementById(id_+
"_remark").focus();

document.getElementById(id_).style.backgroundColor=
"#ccc";
return false;

}

function dis2(id_){
//alert(id_);
document.getElementById(id_).style.display =
"none";
document.getElementById(id_+
"_").style.display ="block";
//alert(1);
if(document.getElementById(id_+
"_").innerHTML==document.getElementById(id_+"_remark").value)
{
return false;
}
alert(document.getElementById(id_+
"_remark").value);
send_request_(id_,document.getElementById(id_+
"_remark").value);
//alert(text);
if(text==
"2")
{
alert(
"添加说明失败!");
return false;
}

    document.getElementById(id_+
"_").innerHTML=document.getElementById(id_+"_remark").value;

return false;

}
</script>
</head>

<body>

    <span onClick=
"dis('100560')">
  <DIV id=100560_ style=
"WORD-BREAK: break-all">33</DIV>
      <DIV id=100560 style=
"DISPLAY: none"><INPUT   onblur="dis2('100560')" maxLength=30 size=11 value=33  id=100560_remark>
  </DIV>
   </span>
  
    <span onClick=
"dis('100561')">
  <DIV id=100561_ style=
"WORD-BREAK: break-all">33</DIV>
      <DIV id=100561 style=
"DISPLAY: none"><INPUT   onblur="dis2('100561')" maxLength=30 size=11 value=33  id=100561_remark>
  </DIV>
   </span>


</body>
</html>

lunzi   2009-02-04 10:37:09 评论:0   阅读:599   引用:0

发表评论>>

署名发表(评论可管理,不必输入下面的姓名)

姓名:

主题:

内容: 最少15个,最长1000个字符

认证码: (如不清楚,请刷新)


Copyright@2004-2010 powered by YuLog