window.createPopup()创建菜单

最新推荐文章于 2012-11-28 14:11:24 发布

转载最新推荐文章于 2012-11-28 14:11:24 发布 · 1.0k 阅读

文章标签：

#action #class #function #path #generator #delete

Javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

DHTML CSS HTML

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的上下文菜单功能。该菜单通过鼠标点击事件触发，并提供了多种选项，如新建、查看、申请等。代码展示了如何创建弹出菜单、设置样式以及为每个菜单项添加交互事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

</head>

<body>

//popup标准操作

var v_popup=window.createPopup();

var srcDocID=null;

var srcResourceName=null;

function fn_showMenuPopup(vDocID){

var vSrc=event.srcElement;

srcDocID=vDocID;

srcResourceName=vSrc.parentElement.innerText;

var v_popupBody=v_popup.document.body;

v_popupBody.style.border="2px outset #ffffff";

v_popupBody.innerHTML=document.all.newMenuItemOption.innerHTML;

var vTags=v_popupBody.all.tags("TD");

for (i=0;i<vTags.length;i++)

{

vTags[i].onclick=popup_click;

vTags[i].onmouseover=popup_mouseover;

vTags[i].onmouseout=popup_mouseout;

vTags[i].style.cssText="height:20;border-bottom:1 solid #CDCDCD;padding-top:3px;cursor:default";

}

var vHeight=vTags.length*23+12;

v_popup.show(vSrc.offsetWidth+12,-35,120,vHeight,vSrc);

}

function popup_click(){

var vSrc =v_popup.document.parentWindow.event.srcElement;

if(vSrc.tagName=="IMG")vSrc=vSrc.parentElement;

if(srcDocID==null) return false;

switch(vSrc.id){

case "action_new"://新建

new_resource();

break;

case "action_view"://查看

window.open(path+"0/"+srcDocID+"?opendocument");

break;

case "action_apply"://申请

window.open(path+"ApplyForm?openform&docid="+srcDocID);

break;

case "action_add"://加入申请

fn_addApply(srcDocID);

break;

case "action_review"://查看申请

window.showModalDialog(path+"select_ApplyBasket?openform","",fnGetModalDialogStatus(320,340));

break;

case "action_edit"://编辑

window.open(path+"0/"+srcDocID+"?editdocument");

break;

case "action_delete"://删除

var vSelect=document.all.SelectedDOCs;

if(vSelect.length){

for(i=0;i<vSelect.length;i++){

if(vSelect[i].value==srcDocID){vSelect[i].checked=true;break}

}

else{

vSelect.checked=true;

}

fn_ViewDelete();

break;

}

function popup_mouseover(){

var vSrc =v_popup.document.parentWindow.event.srcElement;

if(vSrc.tagName=="IMG")vSrc=vSrc.parentElement;

vSrc.style.color="#ffffff";

vSrc.style.background="#000080";

}

function popup_mouseout(){

var vSrc =v_popup.document.parentWindow.event.srcElement;

if(vSrc.tagName=="IMG")vSrc=vSrc.parentElement;

vSrc.style.color="";

vSrc.style.background="";

}

</script>

</table>

</div>

</body>

</html>