popupmenu.js

以前做的一个j2ee的项目

<!--
/** 
 *@context menu with xp style
 *@author: hqo  [e-mail] 2002.3.25
 *@version v1.0
 */

// menu object

function contextMenu()
{
 this.items   = new Array();
 
 this.addItem = function (item)
 {
  this.items[this.items.length] = item;
 }

 this.show = function (oDoc)
 {
  var strShow = "";
  var i;
  
  strShow = "<div id=\"rightmenu\" style=\"BACKGROUND-COLOR: #ffffff; BORDER: #000000 1px solid; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; Z-INDEX: 10\">";
  strShow += "<table border=\"0\" height=\"";
  strShow += this.items.length * 20;
  strShow += "\" cellpadding=\"0\" cellspacing=\"0\">";
  strShow += "<tr height=\"3\"><td bgcolor=\"#d0d0ce\" width=\"2\"></td><td>";
  strShow += "<table  border=\"0\" width=\"100%\" height=\"100%\" cellpadding=0 cellspacing=0 bgcolor=\"#ffffff\">";
  strShow += "<tr><td bgcolor=\"#d0d0ce\" width=\"23\"></td><td><img src=\" \" height=\"1\" border=\"0\"></td></tr></table>";
  strShow += "</td><td width=\"2\"></td></tr>";
  strShow += "<tr><td bgcolor=\"#d0d0ce\"></td><td>";
  strShow += "<table id='menut' border=\"0\" width=\"100%\" height=\"100%\" cellpadding=3 cellspacing=0 bgcolor=\"#ffffff\">";
  oDoc.write(strShow);
  for(i=0; i<this.items.length; i++)
  {
   this.items[i].show(oDoc);
  }
  strShow = "</table></td><td></td></tr>";
  strShow += "<tr height=\"3\"><td bgcolor=\"#d0d0ce\"></td><td>";
  strShow += "<table border=\"0\" width=\"100%\" height=\"100%\" cellpadding=0 cellspacing=0 bgcolor=\"#ffffff\">";
  strShow += "<tr><td bgcolor=\"#d0d0ce\" width=\"23\"></td><td><img src=\" \" height=\"1\" border=\"0\"></td></tr></table>";
  strShow += "</td><td></td></tr>";
  strShow += "</table></div>\n";
  oDoc.write(strShow);
 }
}

// menu Item object
function contextItem(text, icon, cmd, type)
{
 this.text = text ? text : "";
 this.icon = icon ? icon : "";
 this.cmd = cmd ? cmd : "";
 this.type = type ? type : "menu";
 
 this.show = function (oDoc)
 {
  var strShow = "";
  
  if(this.type == "menu")
  {
   strShow += "<tr ";
   strShow += "onmouseover=\"changeStyle(this, 'on');\" ";
   strShow += "onmouseout=\"changeStyle(this, 'out');\" ";
   strShow += "onclick=\"";
   strShow += this.cmd;
   strShow += "\">";
   strShow += "<td class=\"ltdexit\" width=\"16\">";
   if (this.icon == "")
    strShow += "&nbsp;";
   else {
    strShow += "<img border=\"0\" src=\"";
    strShow += this.icon;
    strShow += "\" width=\"16\" height=\"16\" style=\"POSITION: relative\"></img>";
   }
   strShow += "</td><td class=\"mtdexit\">";
   strShow += this.text;
   strShow += "</td><td class=\"rtdexit\" width=\"5\">&nbsp;</td></tr>";
  }
  else if (this.type == "separator")
  {
   strShow += "<tr><td class=\"ltdexit\">&nbsp;</td>";
   strShow += "<td class=\"mtdexit\" colspan=\"2\"><hr color=\"#000000\" size=\"1\"></td></tr>";
  }
  
  oDoc.write(strShow);
 }
}

function changeStyle(obj, cmd)
{ 
 if(obj) try {
  var imgObj = obj.children(0).children(0);
  
  if(cmd == 'on') {
   obj.children(0).className = "ltdfocus";
   obj.children(1).className = "mtdfocus";
   obj.children(2).className = "rtdfocus";
   if(imgObj)
   {
    if(imgObj.tagName.toUpperCase() == "IMG")
    {
     imgObj.style.left = "-1px";
     imgObj.style.top = "-1px";
    }
   }
  }
  else if(cmd == 'out') {
   obj.children(0).className = "ltdexit";
   obj.children(1).className = "mtdexit";
   obj.children(2).className = "rtdexit";
   if(imgObj)
   {
    if(imgObj.tagName.toUpperCase() == "IMG")
    {
     imgObj.style.left = "0px";
     imgObj.style.top = "0px";
    }
   }
  }
 }
 catch (e) {}
}

function showMenu(cod)
{
  
 var x, y, w, h, ox, oy;



 x = event.clientX;
 y = event.clientY;
 
 var obj = document.getElementById("rightmenu");
 if (obj == null)
  return true;

 //var menuobj = document.getElementById("menut");
 //var mlen=menuobj.rows.length - 3;

// if((cod=="FA")||(cod=="FN")||(cod=="FQ")||(cod=="FZ")){
//    for(var i=0;i<mlen;i++){
//       menuobj.deleteRow(0);
//    }
// }

 ox = document.body.clientWidth;
 oy = document.body.clientHeight;
 if(x > ox || y > oy)
  return false;
 w = obj.offsetWidth;
 h = obj.offsetHeight;
 if((x + w) > ox)
   x = x - w;
 if((y + h) > oy)
  y = y - h;
 
 obj.style.posLeft = x + document.body.scrollLeft;
 obj.style.posTop = y + document.body.scrollTop;
 obj.style.visibility = "visible";
 
 return false;
}
function hideMenu()
{
 if(event.button == 0)
 {
  var obj = document.getElementById("rightmenu");
  if (obj == null)
   return true;
  obj.style.visibility = "hidden";
  obj.style.posLeft = 0;
  obj.style.posTop = 0;
 }
}

function writeStyle()
{
 var strStyle = "";
 
 strStyle += "<STYLE type=text/css>";
 strStyle += "TABLE {Font-FAMILY: \"Tahoma\",\"Verdana\",\"宋体\"; FONT-SIZE: 9pt}";
 strStyle += ".mtdfocus {BACKGROUND-COLOR: #ccccff; BORDER-BOTTOM: #000000 1px solid; BORDER-TOP: #000000 1px solid; CURSOR: hand}";
 strStyle += ".mtdexit {BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid}";
 strStyle += ".ltdfocus {BACKGROUND-COLOR: #ccccff; BORDER-BOTTOM: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; CURSOR: hand}";
 strStyle += ".ltdexit {BACKGROUND-COLOR: #d0d0ce; BORDER-BOTTOM: #d0d0ce 1px solid; BORDER-TOP: #d0d0ce 1px solid; BORDER-LEFT: #d0d0ce 1px solid}";
 strStyle += ".rtdfocus {BACKGROUND-COLOR: #ccccff; BORDER-BOTTOM: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; CURSOR: hand}";
 strStyle += ".rtdexit {BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid}";
 strStyle += "</STYLE>";
 
 document.write(strStyle);
}
/**
  
    hqo 2003-1-15
*/
function makeMenu()
{
 var myMenu, item;
 
 var homepage_cmd = "this.style.behavior='url(#default#homepage)';this.setHomePage('http://gamethinking.yeah.net/'); return false;";
 var favorate_cmd = "window.external.addFavorite('http://gamethinking.yeah.net/','想'); return false;";
 var viewcode_cmd = "window.location = 'view-source:' + window.location.href";
 /**下面调用javascript方法对页面进行控制,这些方法为了其它页面也能调用,
     所以写到别一个叫index.js的文件中了。
 */

 

 

	 var addMenu="changeBtn('add')"; 
	 var delMenu="changeBtn('del')"; 
	 var insertMenu="changeBtn('insert')"; 
	 var addChildwj="changeBtn('addChildwj')" 
	 var rework="changeBtn('rework')"

	 var addChild="changeBtn('addChild')" 
	 var view="changeBtn('view')"



 
 myMenu = new contextMenu();

 
 
 	item = new contextItem("删除", "images/dell.gif", delMenu, "menu");
	 myMenu.addItem(item);

 
	 item = new contextItem("插入目录", "images/insert.gif", addMenu, "menu");
	 myMenu.addItem(item);
 

	 item = new contextItem("增加目录", "images/addd.gif", insertMenu, "menu");
	 myMenu.addItem(item);


	 item = new contextItem("增加子目录", "images/child.gif", addChildwj, "menu");
	 myMenu.addItem(item);


	 item = new contextItem("重命名", "images/edit.gif", rework, "menu");
	 myMenu.addItem(item);

	 item = new contextItem("上传文件", "images/upload.gif", addChild, "menu");
	 myMenu.addItem(item);
 
	 item = new contextItem("", "", "", "separator");
	 myMenu.addItem(item);


	 item = new contextItem("属性", "images/view.gif", view, "menu");
	 myMenu.addItem(item);


 myMenu.show(this.document);

 delete item;
 delete myMenu;
}


function toggleMenu(isEnable)
{
 if(isEnable)
  document.oncontextmenu = showMenu;
 else
  document.oncontextmenu = new function() {return true;};