利用JS重写Cognos右键菜单
2010-10-19 17:27
357 查看
<mce:style type="text/css"><!-- .cMenu { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 14px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px solid; WIDTH: 150px; CURSOR: default; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; POSITION: absolute; BACKGROUND-COLOR: #eeeeff } .menuitems { PADDING-RIGHT: 5px; PADDING-LEFT: 5px } --></mce:style><style type="text/css" mce_bogus="1"> .cMenu { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 14px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px solid; WIDTH: 150px; CURSOR: default; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; POSITION: absolute; BACKGROUND-COLOR: #eeeeff } .menuitems { PADDING-RIGHT: 5px; PADDING-LEFT: 5px } </style> <div id='contextMenu' class="cMenu" style="position:absolute;left:100px;top:100px"> <DIV class=menuitems onclick="alert('查看历史执行情况');" onmouseover="highLightMenu()" onmouseout="LowMenu()">查看历史执行情况</DIV> <DIV class=menuitems onclick="alert('查看批注');" onmouseover="highLightMenu()" onmouseout="LowMenu()">查看批注</DIV> <DIV class=menuitems onclick="alert('插入/修改批注'); " onmouseover="highLightMenu()" onmouseout="LowMenu()">插入/修改批注</DIV> <HR color=#aaaaaa size="0"> <DIV class=menuitems onclick="alert('关于');" onmouseover="highLightMenu()" onmouseout="LowMenu()">关于</DIV> </div> <mce:script language="javascript"><!-- //自定义右键菜单对象 var contexMenu=document.getElementById('contextMenu'); //获取COGNOS对象后缀 function getPostFix() { var postFix; postFix=document.getElementById('cv.id'); return postFix; } //隐藏COGNOS右键菜单 function hideContexMenu() { contexMenu.style.visibility="hidden"; } //显示cognos右键菜单 function showContexMenu() { contexMenu.style.visibility="visible"; //确定菜单显示位置 contexMenu.style.left=event.x; contexMenu.style.top=event.y; return clearCognosMenu(); } //强制清除自带右键菜单 function clearCognosMenu() { var postFix=getPostFix(); return eval("oCV"+postFix.value+".bCanUseCognosViewerContextMenu=false"); } //高亮显示菜单 function highLightMenu() { var menuItem=event.srcElement; if(menuItem.className="menuitems") { menuItem.style.backgroundColor="highlight"; menuItem.style.color="white"; } } //不高亮显示 function LowMenu() { var menuItem=event.srcElement; if(menuItem.className="menuitems") { menuItem.style.backgroundColor=""; menuItem.style.color="black"; } } document.body.onload=clearCognosMenu; document.body.onclick=hideContexMenu; document.body.oncontextmenu=showContexMenu; // --></mce:script>
相关文章推荐
- 利用JS重写Cognos右键菜单
- 利用JS重写Cognos右键菜单的实现代码
- 利用JS重写Cognos右键菜单
- 重写JS的鼠标右键点击菜单
- 重写JS的鼠标右键点击菜单
- JS屏蔽Cognos报表右键菜单
- 利用JS实现一个简单的二级联动菜单
- 用js创建简单右键菜单
- 禁止右键及右键菜单js
- Js实现网页禁止右键菜单与防止复制内容另存网页
- js屏蔽鼠标右键菜单
- 利用js跳转到指定框架页面!对用ligerUI做菜单时很有时!
- javascript面向对象重写右键菜单事件
- Js+DVML:很酷实用的右键弹出菜单
- js中禁用右键菜单
- js实现右键菜单的一个实例
- js基础运用-右键菜单
- 【TextBox】重写右键菜单
- JS组件系列——Bootstrap右键菜单解决方案:ContextMenu