php页面中,
     标题                                       时间               操作
 [华远帝景天下]尾盘在售 仅剩 2010-09-17 17:10:51 修改 删除 点击操作中的 修改 时,(只修改标题),现都是跳到另一页面操作,现要 点击 修改,弹出一个层,在层中可实现修改标题,如何实现呀,thanks

解决方案 »

  1.   


    <html>  
    <head> 
    <script  type="text/javascript" src="/Script/jquery-1.4.2.js">
    </script>
    <script  type="text/javascript">
    $(document).ready(function() {
    });</script>
    <script language="javascript" type="text/javascript">
    var docEle = function() {
    return document.getElementById(arguments[0]) || false;
    }
    function openNewDiv(_id) {
    var m = "mask";
    if (docEle(_id)) document.removeChild(docEle(_id));
    if (docEle(m)) document.removeChild(docEle(m));
    // 新激活图层
    var newDiv = document.createElement("div");
    newDiv.id = _id;
    newDiv.style.position = "absolute";
    newDiv.style.zIndex = "9999";
    newDiv.style.width = "500px";
    newDiv.style.height = "300px";
    newDiv.style.top = "50px";
    //newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px"; // 屏幕居中
    newDiv.style.background = "#EFEFEF";
    newDiv.style.border = "1px solid #860001";
    newDiv.style.padding = "5px";
    //newDiv.innerHTML = "新激活图层内容   ";
    document.body.appendChild(newDiv);
    // mask图层 
    var newMask = document.createElement("div");
    newMask.id = m;
    newMask.style.position = "absolute";
    newMask.style.zIndex = "1";
    newMask.style.width = document.body.scrollWidth + "px";
    newMask.style.height = document.body.scrollHeight + "px";
    newMask.style.top = "0px";
    newMask.style.left = "0px";
    //newMask.style.background = "#000";
    newMask.style.filter = "alpha(opacity=40)";
    newMask.style.opacity = "0.40";
    document.body.appendChild(newMask);
    // 关闭mask和新图层
    var textcontent=document.createElement("input");
    textcontent.type="text";
    textcontent.id="content"; 
    textcontent.onchange=function(){}
    newDiv.appendChild(textcontent);
    var newA = document.createElement("a");
    newA.href = "#";
    newA.innerHTML = "guanbi";
    newA.onclick = function() {
    var tmp=document.getElementById("content").value;
    document.getElementById("33").value=tmp;
    alert(document.getElementById("33").value);

      document.body.removeChild(docEle(_id));
      document.body.removeChild(docEle(m));
      return false;
    }
    newDiv.appendChild(newA);
    }
    </script>
    </head>  
    <body >  
    <input type="text" id="33" >
    <a href="#" onclick="openNewDiv('newDiv');return false;">11111</a> 
    </body>  
    </html> 
      

  2.   

    用JQUERY吧,省的象楼上这么麻烦
      

  3.   

    用jquery比较简单,写一个隐藏的div,可以设定,点修改的时候在页面上弹出
      

  4.   

    jquery实现起来代码更简短些,推荐使用!
      

  5.   

    强烈推荐JQuery,写起来的代码简单清晰,自己写的,除非写成OO形式,不然都感觉比较乱!