注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Programmer's World

记录成长的点点滴滴

 
 
 

日志

 
 

dtree加右键菜单  

2012-08-14 17:39:07|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

我修改了一下dtree.js加了个右击事件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
 <title>Destroydrop &raquo; Javascripts &raquo; Tree</title>

 <link rel="StyleSheet" href="dtree.css" type="text/css" />
 <script type="text/javascript" src="dtree.js"></script>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <style type="text/css">
  table{
   font-size:12px;
  }
 </style>
</head>

<body>
<div class="dtree">

 <p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>

 <script type="text/javascript">
  <!--

  d = new dTree('d');

  d.add(0,-1,'My example tree','','','showContextMenu()');
  d.add(1,0,'Node 1','#','','showContextMenu()');
  d.add(2,0,'Node 2','#','','showContextMenu()');
  d.add(3,1,'Node 1.1','#','','showContextMenu()');
  d.add(4,0,'Node 3','#','','showContextMenu()');
  d.add(5,3,'Node 1.1.1','#','','showContextMenu()');
  d.add(6,5,'Node 1.1.1.1','#','','showContextMenu()');
  d.add(7,0,'Node 4','#','','showContextMenu()');
  d.add(8,1,'Node 1.2','#','','showContextMenu()');

  document.write(d);

  //-->
 </script>
 <script>
  function showContextMenu(){
   document.getElementById("itemMenu").style.display="block";
   document.getElementById("itemMenu").style.pixelTop=event.clientY;
   document.getElementById("itemMenu").style.pixelLeft=event.clientX;
  }

  document.oncontextmenu=function(){return false}

  document.onclick=function(){
   var e=event||window.event;
   var element=e.srcElement||e.target;
   while(element){
    if(element.id=="itemMenu")
     return;
    element=element.parentNode;
   }
   document.getElementById("itemMenu").style.display="none";
  }
 </script>
</div>

<p><a href="mailto&#58;drop&#64;destroydrop&#46;com">&copy;2002-2003 Geir Landr&ouml;</a></p>
 <div id="itemMenu" style="display:none;width:100px;position: absolute;">
   <table border="1" width="100%" bgcolor="#D0D0D0" style="border:thin" cellspacing="0">
     <tr>
       <td>新增</td>
     </tr>
 
     <tr>
       <td>删除</td>
     </tr>
 
     <tr>
       <td>更新</td>
     </tr>
   </table>
 </div>

</body>

</html>


 
  评论这张
 
阅读(60)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017