请问高手怎样在我设计的网页中增加鼠标右键中我预先定制的选项
我是做呼叫中心的,我想在呼叫中心的CRM页面中看到有数字格式的文字,比如“901”然后选中901后,点击右键,右键弹出框内能有比如呼叫这个号码或是发送至哪哪的选项,请问如何实现把我想要的功能添加到右键弹出框内呢?请高手指点!(不惜重金,得到可行答案,如果不够,可以再加分)
补充:最好能告诉我第一步做什么,第2步做什么....越详细越好,谢谢
答案:1. 把有数字格式的文字,比如“901”放在一个标记内,如<A>901</A>,
2. 然后给这个标记加上事件响应 oncontextmenu, <A oncontextmenu="menu(this)">901</A>,
3. 插入一个隐藏的div, 用来显示菜单
<div id=menu1 onclick="clickMenu()" onmouseover="switchMenu()" onmouseout="switchMenu()" style="position:absolute;display:none;width:100;background-Color:menu; border: outset 3px gray">
<div class="menuItem" id=mnuRed>Red</div>
<div class="menuItem" id=mnuGreen>Green</div>
<div class="menuItem" id=mnuBlue>Blue</div>
<div class="menuItem" id=mnuYellow>Yellow</div>
</div>
4. 编写你自己的menu函数和那些点击函数clickMenu()、切换函数switchMenu()。
参考下面的例子,自己试着去改写。就会有一定的感觉,多改一些,就能符合自己的要求了
***********************************
下面是MicroSoft提供的一个关于右键菜单的例子,希望对你有用。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>oncontextmenu Event Sample</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-8859-1">
<META NAME="AUTHOR" CONTENT="InetSDK">
<META NAME="MS.LOCALE" CONTENT="EN-US">
<META NAME="ROBOTS" CONTENT="noindex">
<STYLE>
.menuItem {font-family:sans-serif;font-size:10pt;width:100;padding-left:20;
background-Color:menu;color:black}
.highlightItem {font-family:sans-serif;font-size:10pt;width:100;padding-left:20;
background-Color:highlight;color:white}
.clickableSpan {padding:4;width:500;background-Color:blue;color:white;border:5px gray solid}
</STYLE>
<SCRIPT>
//<!--
function displayMenu() {
whichDiv=event.srcElement;
menu1.style.leftPos+=10;
menu1.style.posLeft=event.clientX;
menu1.style.posTop=event.clientY;
menu1.style.display="";
menu1.setCapture();
}
function switchMenu() {
el=event.srcElement;
if (el.className=="menuItem") {
el.className="highlightItem";
} else if (el.className=="highlightItem") {
el.className="menuItem";
}
}
function clickMenu() {
menu1.releaseCapture();
menu1.style.display="none";
el=event.srcElement;
if (el.id=="mnuRed") {
whichDiv.style.backgroundColor="red";
} else if (el.id=="mnuGreen") {
whichDiv.style.backgroundColor="green";
} else if (el.id=="mnuBlue") {
whichDiv.style.backgroundColor="blue";
} else if (el.id=="mnuYellow") {
whichDiv.style.backgroundColor="yellow";
}
}
//-->
</SCRIPT>
<!-- SAMPLE_STYLE_START -->
<LINK REL="stylesheet" HREF=>http://www.microsoft.com/isapi/gomscom.asp?TARGET=/info/cpyright.htm" TARGET="_top"> 2007 Microsoft Corporation. All rights reserved. Terms of use</A>.
<!-- END_PAGE_FOOTER -->
</BLOCKQUOTE>
</BODY>
</HTML>
上一个:51单片机,串口通信问题,非常奇怪
下一个:汇编高手谁能帮下忙!急急急!!!