求给树动态添加节点的弹出框的实现

tedli

最终的效果如附件的图

tedli

以下代码可以在ie中实现，但是firefox中不行

1. 
   
2. <script>
   
3. ......
   
4. function add(domainid)
   
5. {
   
6.     document.getElementsByName("newip_"+domainid)[0].value="";
   
7.    
   
8.     var objtmp=document.getElementById("div_"+domainid)
   
9. 
   
10.         with(objtmp.style)
    
11.         {
    
12.             mX=event.x?event.x:event.pageX;
    
13.             alert(1);
    
14.                 left = (event.clientX  +10+ document.body.scrollLeft) + "px";
    
15.                 top = (event.clientY +5+ document.body.scrollTop) + "px";
    
16.                 display = "";
    
17.         }
    
18.     document.getElementsByName("newip_"+domainid)[0].focus();       
    
19. }
    
20. 
    
21. </script>
    
22. ......
    
23.            <td width="77"><span style="display: "><a href="#" onclick="add('685');return false;"><font color="#7899DC">添加新IP</font></a></span></td>
    
24.             <td width="4%" align="right"><a href="#" onclick="edit(this,0,685,'1.1.1.1');return false;">编辑</a></td>
    
25.             <td width="4%" align="right"><a href="#" onclick="del(this,0,685);return false;">删除</a></td>
    
26.         </tr>
    
27.         </table>
    
28. 
    
29. 
    
30.         <div style="position:absolute; display:none; border: 1px solid black; background-color:#F7F7F7;" id="div_685">
    
31.           <table>
    
32.             <tr><td colspan="2">
    
33.               <input type="text" name="newip_685" onkeydown="if (event.keyCode == 13) {addipsub(651);}">
    
34.             </td></tr>
    
35.             <tr><td align="center">
    
36.                 <input type="button" value="确定" onclick="addipsub(685);"></td><td align="center"><input type="button" value="取消" onclick="caladd('685');">
    
37.             </td></tr>
    
38.          </table>
    
39.        </div>
    

复制代码

google发现            mX=event.x?event.x:event.pageX;
这个实现不了

郁闷RMB

在ie和firefox厦门可以统一这样写
function add(domainid,event)
{
    event=event || window.event;
    .......
    .......
}

忘记说了..错误不在event.x?event.x:event.pageX;上面,他它也是为了兼容ie和firefox,选择用event.x还是event.pagex;两者效果一样的.只是ie不支持event.pagex;
firefox下面不能用只是在它的环境下event对象没声明正确

[ 本帖最后由 郁闷RMB 于 2008-2-3 16:46 编辑 ]

tedli

谢谢楼上的提醒，之前也google过出来要先声明event，但是不知道这么调用这个函数，试过
onclick="add('685');
onclick="add('685',this);
onclick="add('685',);
都不行，今天随便试试
onclick="add('685',event);
可以了。
谢谢哈^_^