ie 右键按钮

最新推荐文章于 2012-12-02 20:44:49 发布

songze86

最新推荐文章于 2012-12-02 20:44:49 发布

阅读量113

点赞数

分类专栏： javascript 文章标签： IE JavaScript CSS ViewUI

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

有项目需要使用到鼠标右键菜单功能,在javascript网页特效网中找的一个样例,改了一下,可以在特定的区域显示邮件菜单,同事传参数给菜单

代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<HTML>
<HEAD>
<TITLE>右键菜单</TITLE>
<style type="text/css">

</style>
<script language="JScript">
\n";
    HTMLstr += "\n";
    HTMLstr += "\n";
    HTMLstr += "<div id='E_rbpm' class='rm_div'>\n";
                        // rbpm = right button pop menu
    HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";
    HTMLstr += "\n";
    HTMLstr += "</table>\n";
    HTMLstr += "</div>\n";
    HTMLstr += "";
    HTMLstr += "\n";
    HTMLstr += "\n";
}
function AddExtendMenu(id,name,parent)
{
    var TempStr = "";
    if(HTMLstr.indexOf("") != -1)
    {
      alert("E_"+id+"already exist!");
      return;
    }
    eval("A_"+parent+".length++");
    eval("A_"+parent+"[A_"+parent+".length-1] = id"); // 将此项注册到父菜单项的ID数组中去
    TempStr += "\n";
    TempStr += "<div id='E_"+id+"' class='rm_div'>\n";
    TempStr += "<table width='100%' border='0' cellspacing='0'>\n";
    TempStr += "";
    TempStr += "</table>\n";
    TempStr += "</div>\n";
    TempStr += "";
    TempStr += "";
    HTMLstr = HTMLstr.replace("",TempStr);


    eval("A_"+id+" = new Array()");
    TempStr = "";
    TempStr += "\n";
    TempStr += "<tr id='P_"+id+"' class='out'";
    TempStr += " οnmοuseοver='P_OnMouseOver(\""+id+"\",\""+parent+"\")'";
    TempStr += " οnmοuseοut='P_OnMouseOut(\""+id+"\",\""+parent+"\")'";
    TempStr += " οnmοuseup=window.event.cancelBubble=true;";
    TempStr += " οnclick=window.event.cancelBubble=true;";
    TempStr += "><td nowrap>";
    TempStr += "   "+name+"      </td><td style='font-family: webdings; text-align: right;'>4";
    TempStr += "</td></tr>\n";
    TempStr += "";
    HTMLstr = HTMLstr.replace("",TempStr);
}
function AddItem(id,name,parent,location)
{
    var TempStr = "";
    var ItemStr = "";
    if(id == "sperator")
    {
      TempStr += ItemStr+"\n";
      TempStr += "<tr style='height: 3;' class='out' οnclick='window.event.cancelBubble=true;' οnmοuseup='window.event.cancelBubble=true;'><td colspan='2'><hr class='sperator'></td></tr>";
      TempStr += "";
      HTMLstr = HTMLstr.replace("",TempStr);
      return;
    }
    if(HTMLstr.indexOf(ItemStr) != -1)
    {
      alert("I_"+id+"already exist!");
      return;
    }
    TempStr += ItemStr+"\n";
    TempStr += "<tr id='I_"+id+"' class='out'";
    TempStr += " οnmοuseοver='I_OnMouseOver(\""+id+"\",\""+parent+"\")'";
    TempStr += " οnmοuseοut='I_OnMouseOut(\""+id+"\")'";
    TempStr += " οnclick='window.event.cancelBubble=true;'";
    if(location == null)
      TempStr += " οnmοuseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",null)'";
    else
      TempStr += " οnmοuseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",\""+location+"\")'";
    TempStr += "><td nowrap>";
    TempStr += "   "+name+"   ";
    TempStr += "</td><td></td></tr>\n";
    TempStr += "";
    HTMLstr = HTMLstr.replace("",TempStr);
}
function GetMenu()
{
    return HTMLstr;
}
function I_OnMouseOver(id,parent)
{
    var Item;
    if(parent != "rbpm")
    {
      var ParentItem;
      ParentItem = eval("P_"+parent);
      ParentItem.className="over";
    }
    Item = eval("I_"+id);
    Item.className="over";
    HideAll(parent,1);
}
function I_OnMouseOut(id)
{
    var Item;
    Item = eval("I_"+id);
    Item.className="out";
}
function I_OnMouseUp(id,parent,location)
{
    var ParentMenu;
    window.event.cancelBubble=true;
    OnClick();
    ParentMenu = eval("E_"+parent);
    ParentMenu.display="none";
    if(location == null)
      eval("Do_"+id+"()");
    else
      window.open(location);
}
function P_OnMouseOver(id,parent)
{
    var Item;
    var Extend;
    var Parent;
    if(parent != "rbpm")
    {
      var ParentItem;
      ParentItem = eval("P_"+parent);
      ParentItem.className="over";
    }
    HideAll(parent,1);
    Item = eval("P_"+id);
    Extend = eval("E_"+id);
    Parent = eval("E_"+parent);
    Item.className="over";
    Extend.style.display="block";
    Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4;
    if(Extend.style.posLeft+Extend.offsetWidth > document.body.scrollLeft+document.body.clientWidth)
        Extend.style.posLeft=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8;
    if(Extend.style.posLeft < 0) Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth;
    Extend.style.posTop=Parent.offsetTop+Item.offsetTop;
    if(Extend.style.posTop+Extend.offsetHeight > document.body.scrollTop+document.body.clientHeight)
      Extend.style.posTop=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight;
    if(Extend.style.posTop < 0) Extend.style.posTop=0;
}
function P_OnMouseOut(id,parent)
{
}
function HideAll(id,flag)
{
    var Area;
    var Temp;
    var i;
    if(!flag)
    {
      Temp = eval("E_"+id);
      Temp.style.display="none";
    }
    Area = eval("A_"+id);
    if(Area.length)
    {
      for(i=0; i < Area.length; i++)
      {
        HideAll(Area[i],0);
        Temp = eval("E_"+Area[i]);
        Temp.style.display="none";
        Temp = eval("P_"+Area[i]);
        Temp.className="out";
      }
    }
}

//document.οnmοuseup=OnMouseUp;

document.οnclick=OnClick;
function OnMouseUp(obj)
{

    if(window.event.button == 2)
    {
      var PopMenu;
      var id = obj.id;
      url = "http://www.baidu.com/s?wd="+id;
      document.getElementById("I_aa").οnmοuseup=function(){I_OnMouseUp('aa','rbpm',url)};
      document.getElementById("I_bb").οnmοuseup=function(){I_OnMouseUp('bb','rbpm',url)};
      document.getElementById("I_cc").οnmοuseup=function(){I_OnMouseUp('cc','rbpm',url)};
      document.getElementById("I_dd").οnmοuseup=function(){I_OnMouseUp('dd','rbpm',url)};
      document.getElementById("I_ee").οnmοuseup=function(){I_OnMouseUp('ee','rbpm',url)};
      document.getElementById("I_ff").οnmοuseup=function(){I_OnMouseUp('ff','rbpm',url)};
      PopMenu = eval("E_rbpm");
      HideAll("rbpm",0);
      PopMenu.style.display="block";
      PopMenu.style.posLeft=document.body.scrollLeft+window.event.clientX;
      PopMenu.style.posTop=document.body.scrollTop+window.event.clientY;
      if(PopMenu.style.posLeft+PopMenu.offsetWidth > document.body.scrollLeft+document.body.clientWidth)
        PopMenu.style.posLeft=document.body.scrollLeft+document.body.clientWidth-PopMenu.offsetWidth;
      if(PopMenu.style.posLeft < 0) PopMenu.style.posLeft=0;
      if(PopMenu.style.posTop+PopMenu.offsetHeight > document.body.scrollTop+document.body.clientHeight)
        PopMenu.style.posTop=document.body.scrollTop+document.body.clientHeight-PopMenu.offsetHeight;
      if(PopMenu.style.posTop < 0) PopMenu.style.posTop=0;
    }
}
function OnClick()
{
    HideAll("rbpm",0);
}

var menu = new RightMenu();
menu.AddItem("aa","强制示闲","rbpm","http://www.baidu.com");
menu.AddItem("bb","强制签出","rbpm","http://www.baidu.com");
menu.AddItem("cc","拦截","rbpm","http://www.baidu.com");
menu.AddItem("dd","插入","rbpm","http://www.baidu.com");
menu.AddItem("ee","监听","rbpm","http://www.baidu.com");
menu.AddItem("ff","监屏","rbpm","http://www.baidu.com");
document.writeln(menu.GetMenu());

-->
</script>
</HEAD>
<BODY οncοntextmenu="window.event.returnValue=false">

<TABLE width="60%" border="0" cellspacing="10" cellpadding="0">
<TR>
<TD οnmοuseup="OnMouseUp(this);" id="aa" width="20%" height="100px"
bgcolor="#c0c0c0">
aaa

</TD>
<TD οnmοuseup="OnMouseUp(this);" id="bb" width="20%" height="100px"
bgcolor="#c0c0c0">
bbb

</TD>
<TD οnmοuseup="OnMouseUp(this);" id="cc" width="20%" height="100px"
bgcolor="#c0c0c0">
ccc
</TD>
</TR>
<TR>
<TD οnmοuseup="OnMouseUp(this);" id="dd" width="20%" height="100px"
bgcolor="#c0c0c0">
ddd
</TD>
<TD οnmοuseup="OnMouseUp(this);" id="ee" width="20%" height="100px"
bgcolor="#c0c0c0">
eee
</TD>
<TD οnmοuseup="OnMouseUp(this);" id="ff" width="20%" height="100px"
bgcolor="#c0c0c0">
fff
</TD>
</TR>

</TABLE>
</BODY>
</HTML>

songze86

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ie 右键按钮

有项目需要使用到鼠标右键菜单功能,在javascript网页特效网中找的一个样例,改了一下,可以在特定的区域显示邮件菜单,同事传参数给菜单代码如下:&lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt;&lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE
复制链接

扫一扫

专栏目录