当前位置:编程学习 > 汇编语言 >>

请问高手怎样在我设计的网页中增加鼠标右键中我预先定制的选项

我是做呼叫中心的,我想在呼叫中心的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单片机,串口通信问题,非常奇怪
下一个:汇编高手谁能帮下忙!急急急!!!

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,