【IT168 技术】 昨天我写了一个利用JS禁用Cognos右键菜单,下面的JS可以实现重写Cognos的右键菜单。只要将下面的代码拷到一个HTML项里即可。
1 <!--菜单样式-->2
2 <STYLE type=text/css>3
3 .cMenu {4
4 BORDER-RIGHT: #000000 1px solid;5
5 BORDER-TOP: #000000 1px solid;6
6 FONT-WEIGHT: normal;7
7 FONT-SIZE: 14px;8
8 VISIBILITY: hidden;9
9 BORDER-LEFT: #000000 1px solid;10
10 WIDTH: 150px;11
11 CURSOR: default;12
12 COLOR: #000000;13
13 LINE-HEIGHT: 20px;14
14 BORDER-BOTTOM: #000000 1px solid;15
15 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;16
16 POSITION: absolute;17
17 BACKGROUND-COLOR: #eeeeff18
18 }19
19 .menuitems {20
20 PADDING-RIGHT: 5px;21
21 PADDING-LEFT: 5px22
22 }23
23 </STYLE>24
24 <DIV class=cMenu id="contextMenu" onmouseover=highLightMenu() onmouseout=lowLightMenu()>25
25 <DIV class=menuitems clickcall="alert('查看历史执行情况');">查看历史执行情况</DIV>26
26 <DIV class=menuitems clickcall="alert('查看批注');">查看批注</DIV>27
27 <DIV class=menuitems clickcall="alert('插入/修改批注');">插入/修改批注</DIV>28
28 <HR color=#aaaaaa size="0">29
29 <DIV class=menuitems clickcall="alert('关于');">关于</DIV>30
30 </DIV>31
31 <SCRIPT type="text/javascript">32
32 var contextMenu = document.getElementById("contextMenu");33
33 function getObjectName()34
34 {35
35 return document.getElementById("cv.id").value;36
36 }37
37 function getRVContent()38
38 {39
39 var objName = getObjectName();40
40 return eval("document.getElementById('RVContent" + objName + "');");41
41 }42
42 function overWriteRightClick()//重写弹出菜单43
43 {44
44 var objName = getObjectName();45
45 eval("oCV" + objName + ".rvMainWnd.displayContextMenu = displayContextMenu;");46
46 }47
47 function disableRightClick()48
48 {49
49 var objName = getObjectName();50
50 eval("oCV" + objName + ".bCanUseCognosViewerContextMenu = false;");51
51 }52
52 /*菜单相关函数 start*/53
53 function displayContextMenu(evt) {54
54 evt = (evt) ? evt : ((event) ? event : null);55
55 hideContextMenu();56
56 var rightedge = getRVContent().clientWidth - evt.clientX;57
57 var bottomedge = getRVContent().clientHeight - evt.clientY;58
58 if (rightedge < contextMenu.offsetWidth)59
59 contextMenu.style.left = getRVContent().scrollLeft + evt.clientX - contextMenu.offsetWidth - getRVContent().offsetLeft;60
60 else61
61 contextMenu.style.left = getRVContent().scrollLeft + evt.clientX - getRVContent().offsetLeft;62
62 if (bottomedge < contextMenu.offsetHeight)63
63 contextMenu.style.top = getRVContent().scrollTop + evt.clientY - contextMenu.offsetHeight - getRVContent().offsetTop;64
64 else65
65 contextMenu.style.top = getRVContent().scrollTop + evt.clientY - getRVContent().offsetTop;66
66 contextMenu.style.visibility = "visible";67
67 return false;68
68 }69
69 function hideContextMenu() {70
70 var object = event.srcElement;71
71 contextMenu.style.visibility = "hidden";72
72 if (object.className == "menuitems") {73
73 eval(object.clickcall);74
74 }75
75 }76
76 function highLightMenu() {77
77 var object = event.srcElement;78
78 if (object.className == "menuitems") {79
79 object.style.backgroundColor = "highlight";80
80 object.style.color = "white";81
81 }82
82 }83
83 function lowLightMenu() {84
84 var object = event.srcElement;85
85 if (object.className == "menuitems") {86
86 object.style.backgroundColor = "";87
87 object.style.color = "black";88
88 }89
89 }90
90 /*菜单相关函数 end*/91
91 overWriteRightClick();92
92 document.body.onclick = hideContextMenu;93
93 </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这几个函数都是和菜单操作先关的,可以根据实际要求进行改造。
效果图如下:

▲点击查看大图