技术开发 频道

利用JS重写Cognos右键菜单

  【IT168 技术】  昨天我写了一个利用JS禁用Cognos右键菜单,下面的JS可以实现重写Cognos的右键菜单。只要将下面的代码拷到一个HTML项里即可。

11 <!--菜单样式-->
22 <STYLE type=text/css>
33     .cMenu {
44         BORDER-RIGHT: #000000 1px solid;
55         BORDER-TOP: #000000 1px solid;
66         FONT-WEIGHT: normal;
77         FONT-SIZE: 14px;
88         VISIBILITY: hidden;
99         BORDER-LEFT: #000000 1px solid;
1010         WIDTH: 150px;
1111         CURSOR: default;
1212         COLOR: #000000;
1313         LINE-HEIGHT: 20px;
1414         BORDER-BOTTOM: #000000 1px solid;
1515         FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
1616         POSITION: absolute;
1717         BACKGROUND-COLOR: #eeeeff
1818     }

1919     .menuitems {
2020         PADDING-RIGHT: 5px;
2121         PADDING-LEFT: 5px
2222     }

2323
</STYLE>
2424 <DIV class=cMenu id="contextMenu" onmouseover=highLightMenu() onmouseout=lowLightMenu()>
2525     <DIV class=menuitems clickcall="alert('查看历史执行情况');">查看历史执行情况</DIV>
2626     <DIV class=menuitems clickcall="alert('查看批注');">查看批注</DIV>
2727     <DIV class=menuitems clickcall="alert('插入/修改批注');">插入/修改批注</DIV>
2828     <HR color=#aaaaaa size="0">
2929     <DIV class=menuitems clickcall="alert('关于');">关于</DIV>
3030 </DIV>
3131 <SCRIPT type="text/javascript">
3232 var contextMenu = document.getElementById("contextMenu");
3333 function getObjectName()
3434 {
3535     return document.getElementById("cv.id").value;
3636 }

3737 function getRVContent()
3838 {
3939     var objName = getObjectName();
4040     return  eval("document.getElementById('RVContent" + objName + "');");
4141 }

4242 function overWriteRightClick()//重写弹出菜单
4343 {
4444     var objName = getObjectName();
4545     eval("oCV" + objName + ".rvMainWnd.displayContextMenu = displayContextMenu;");
4646 }

4747 function disableRightClick()
4848 {
4949     var objName = getObjectName();
5050     eval("oCV" + objName + ".bCanUseCognosViewerContextMenu = false;");
5151 }

5252 /*菜单相关函数 start*/
5353 function displayContextMenu(evt) {
5454     evt = (evt) ? evt : ((event) ? event : null);
5555     hideContextMenu();
5656     var rightedge = getRVContent().clientWidth - evt.clientX;
5757     var bottomedge = getRVContent().clientHeight - evt.clientY;
5858     if (rightedge < contextMenu.offsetWidth)
5959         contextMenu.style.left = getRVContent().scrollLeft + evt.clientX - contextMenu.offsetWidth - getRVContent().offsetLeft;
6060     else
6161         contextMenu.style.left = getRVContent().scrollLeft + evt.clientX - getRVContent().offsetLeft;
6262     if (bottomedge < contextMenu.offsetHeight)
6363         contextMenu.style.top = getRVContent().scrollTop + evt.clientY - contextMenu.offsetHeight - getRVContent().offsetTop;
6464     else
6565         contextMenu.style.top = getRVContent().scrollTop + evt.clientY - getRVContent().offsetTop;
6666     contextMenu.style.visibility = "visible";
6767     return false;
6868 }

6969 function hideContextMenu() {
7070     var object = event.srcElement;
7171     contextMenu.style.visibility = "hidden";
7272     if (object.className == "menuitems") {
7373         eval(object.clickcall);
7474     }

7575 }

7676 function highLightMenu() {
7777     var object = event.srcElement;
7878     if (object.className == "menuitems") {
7979         object.style.backgroundColor = "highlight";
8080         object.style.color = "white";
8181     }

8282 }

8383 function lowLightMenu() {
8484     var object = event.srcElement;
8585     if (object.className == "menuitems") {
8686         object.style.backgroundColor = "";
8787         object.style.color = "black";
8888     }

8989 }

9090 /*菜单相关函数 end*/
9191 overWriteRightClick();
9292 document.body.onclick = hideContextMenu;
9393
</SCRIPT>

 

  下面我来着介绍一下这段代码,前面的style和div主要是定义菜单的现实样式,其中引用样式为menuitems的div中有个clickcall属性,这个属性就是当点击此菜单项时调用的JS函数,可以将其改为自己的函数,我这里只是简单的调用了个alert。

  getObjectName函数中有个cv.id的对象,之前也有人问过这个问题,“cv.id”是干什么用的?cognos报表在ReportStudio运行生成的对象和用URL请求生成的对象名称是不一样的,但是有规律可循,比如利用ReportStudio运行生成的报表中CognosViewer的对象名为oCVRS,而用URL请求生成的cognosViewer对象名为oCV_NS_,大家可以查看两次运行结果的源文件来进行比较,就比较直观了。发现前缀都一样(oCV)只是后面“RS”和“_NS_”不同,页面中很多对象都是用的此规则,而cv.id存储到正是后缀。这样就可以拼凑出当前运行模式下的对象名了。

  getRVContent函数获取的是id为RVContent_NS_或RVContentRS的DIV对象,RVContent是展现用ReportStudio定义报表的内容,不包含CognosViewer工具栏和标题栏。

  overWriteRightClick函数是将cognos右键调用的函数改为自己定义的函数。

  disableRightClick函数已经说过了,禁用右键菜单。

  displayContextMenu、hideContextMenu、highLightMenu、lowLightMenu这几个函数都是和菜单操作先关的,可以根据实际要求进行改造。

  效果图如下:

利用JS重写Cognos右键菜单
▲点击查看大图

0
相关文章