TextBox上实现右键菜单


< HTML >
    
< HEAD >
        
< title > TextBoxRightMenu </ title >
        
< meta  name ="GENERATOR"  Content ="Microsoft Visual Studio .NET 7.1" >
        
< meta  name ="CODE_LANGUAGE"  Content ="C#" >
        
< meta  name ="vs_defaultClientScript"  content ="JavaScript" >
        
< meta  name ="vs_targetSchema"  content ="http://schemas.microsoft.com/intellisense/ie5" >
        
< STYLE  type ="text/css" > BODY { FONT-SIZE: 9pt }
            TABLE 
{ FONT-SIZE: 9pt; MARGIN: 0px; CURSOR: default }
            TR 
{ HEIGHT: 20px }
            TR.over 
{ FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff; BACKGROUND-COLOR: #000080 }
            TR.out 
{ FONT-SIZE: 9pt; CURSOR: default; COLOR: #000000; BACKGROUND-COLOR: #d4d0c8 }
            DIV.rm_div 
{ BORDER-RIGHT: #ffffff 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #ffffff 2px outset; DISPLAY: none; PADDING-LEFT: 1px; FILTER: Alpha(Opacity='95'); PADDING-BOTTOM: 1px; BORDER-LEFT: #ffffff 2px outset; WIDTH: 0px; PADDING-TOP: 1px; BORDER-BOTTOM: #ffffff 2px outset; POSITION: absolute; HEIGHT: 0px; BACKGROUND-COLOR: #d4d0c8 }
            DIV.rm_divVisible 
{ BORDER-RIGHT: #ffffff 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #ffffff 2px outset; PADDING-LEFT: 1px; FILTER: Alpha(Opacity='95'); PADDING-BOTTOM: 1px; BORDER-LEFT: #ffffff 2px outset; WIDTH: 0px; PADDING-TOP: 1px; BORDER-BOTTOM: #ffffff 2px outset; POSITION: absolute; HEIGHT: 0px; BACKGROUND-COLOR: #d4d0c8 }
            HR.sperator 
{ BORDER-RIGHT: #ffffff 1px inset; BORDER-TOP: #ffffff 1px inset; BORDER-LEFT: #ffffff 1px inset; WIDTH: 95%; BORDER-BOTTOM: #ffffff 1px inset }
        
</ STYLE >
    
</ HEAD >
    
< body  MS_POSITIONING ="GridLayout"  onclick ="bodyClick()" >
        
< form  id ="Form1"  method ="post"  runat ="server"   >
            
< asp:TextBox  id ="TextBox1"  oncontextmenu ="PopMenu(this);"  style ="Z-INDEX: 101; LEFT: 264px; POSITION: absolute; TOP: 72px"  runat ="server" ></ asp:TextBox >
            
< input  type ="hidden"  id ="hiddenFontInfo"  runat ="server"  style ="WIDTH:10px"  NAME ="hiddenFontInfo" > &nbsp;
            
< input  type ="hidden"  id ="hiddenPageIndex"  value ="0"  style ="WIDTH:10px" > &nbsp;
            
< div  id ="menuPosition"  style ="LEFT: 0px;POSITION: absolute;TOP: 0px" ></ div >
        
</ form >
        
< script  language ="javascript" >         
            
function I_OnMouseUp(objtr,objtxt)
            
{
                
var objFont =document.getElementById(objtr.id+'0');
                
if(objFont.id.indexOf('FontSize')>-1)
                    objtxt.style.fontSize 
= objFont.innerHTML+"pt";
                
else if(objFont.id.indexOf('FontFace')>-1)
                    objtxt.style.fontFamily 
= objFont.FontFamily;
                
var objDiv = document.getElementById("menuPosition");
                
if(objDiv !=undefined)
                    objDiv.innerHTML 
="";
            }

            
function I_OnMouseOver(id,parent)
            
{
                 
var Item;
                
if(parent != "rbpm")
                
{
                
var ParentItem;
                ParentItem 
= eval("P_"+parent);
                ParentItem.className
="over";
                }

                Item 
= eval("I_"+id);
                Item.className
="over";
            }

            
function I_OnMouseOut(id)
            
{
                
                
var Item;
                Item 
= eval("I_"+id);
                Item.className
="out";
                
            }

            
var str ="";
            
function PopMenu(obj)
            
{
                
var objID = obj.id;
                window.event.returnValue
=false;
                
                str 
= GetMenuStr(objID);                
                
//debugger;
                var left = parseInt(window.event.clientX,10);
                
var top = parseInt(window.event.clientY,10)+10;//+document.body.scrollTop;
                var objdiv = document.getElementById("menuPosition");
                objdiv.innerHTML 
=str;
                objdiv.style.top 
= top;
                objdiv.style.left 
= left;
                
//
                var ifm = document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>");
                ifm.style.width 
=document.getElementById("E_rbpm").offsetWidth;
                ifm.style.height 
= document.getElementById("E_rbpm").offsetHeight;
                ifm.name 
= ifm.uniqueID;
                objdiv.appendChild(ifm);
            }
            
            
function P_OnMouseOver(id,parent)
            
{
                
var Item;
                
var Extend;
                
var Parent;
                
if(parent != "rbpm")
                
{
                    
var ParentItem;
                    ParentItem 
= eval("P_"+parent);
                    ParentItem.className
="over";
                }

                HideAll(id);
                Item 
= eval("P_"+id);
                Extend 
= eval("E_"+id);
                Parent 
= eval("E_"+parent);
                Item.className
="over";
                Extend.style.display
="block";
                Extend.style.posLeft
=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4;
                
if(Extend.style.posLeft+Extend.offsetWidth > document.body.scrollLeft+document.body.clientWidth)
                    Extend.style.posLeft
=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8;
                
if(Extend.style.posLeft < 0) Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth;
                Extend.style.posTop
=Parent.offsetTop+Item.offsetTop;
                
if(Extend.style.posTop+Extend.offsetHeight > document.body.scrollTop+document.body.clientHeight)
                    Extend.style.posTop
=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight;
                
if(Extend.style.posTop < 0
                    Extend.style.posTop
=0;
            }

            
function bodyClick()
            
{
                
var objDiv = document.getElementById("menuPosition");
                
if(objDiv !=undefined)
                    objDiv.innerHTML 
="";
            }

            
function HideAll(id)
            
{
                
if(id=='FontFace')
                
{
                    
var pObj = document.getElementById('P_FontSize');
                    pObj.className 
= 'out';
                    
var childobj = document.getElementById('E_FontSize');
                    childobj.style.display 
= 'none';
                }

                
else if(id=='FontSize')
                
{
                    
var pObj = document.getElementById('P_FontFace');
                    pObj.className 
= 'out';
                    
var childobj = document.getElementById('E_FontFace');
                    childobj.style.display 
= 'none';
                }

            }

            
function P_OnMouseOut(id,parent)
            
{
                
            }

            
function GetMenuStr(objID)
            
{
                
var str1 ="<div class='rm_divVisible' id='E_rbpm' style='POSITION:absolute;z-index:2000;'>"+
                
"<table style='Z-INDEX: 10000' cellSpacing='0' width='100%' border='0'>"+
                
"<tr  class='out' id='P_FontFace' οnmοuseup='window.event.cancelBubble=true;' οnclick='window.event.cancelBubble=true;' οnmοuseοver=/""+"P_OnMouseOver('FontFace','rbpm')/""+"  οnmοuseοut=/""+"P_OnMouseOut('FontFace','rbpm')/""+">"+
                
"<td noWrap align='center'>&nbsp;&nbsp;Font Face&nbsp;&nbsp;</td><td style='FONT-FAMILY: webdings'>4</td>"+
                
"</tr>"+
                
"<tr οnmοuseup='window.event.cancelBubble=true;' class='out' οnclick='window.event.cancelBubble=true;'>"+
                
"<td height='1' colSpan='2'>"+
                
"<hr class='sperator'></td></tr>"+
                
"<tr  class='out' id='P_FontSize' οnmοuseup='window.event.cancelBubble=true;' οnclick='window.event.cancelBubble=true;' οnmοuseοver=/""+"P_OnMouseOver('FontSize','rbpm')/""+"  οnmοuseοut=/""+"P_OnMouseOut('FontSize','rbpm')/""+">"+
                
"<td noWrap align='center'>Font Size</td><td style='FONT-FAMILY: webdings'>4</td>"+
                
"</tr>"+
                
"</table></div>";
                
//
                var str11 ="<div class='rm_div' id='E_FontFace' style='POSITION:absolute;width :140;height:50;Z-INDEX: 2000'>"+
                
"<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no style='WIDTH: 100%; HEIGHT: 62%;Z-INDEX: 2000'></iframe>"+
                
"<table width='100%' border='0' cellspacing='0' style='LEFT:0px;POSITION:absolute;TOP:0px'>"+
                
"<tr class='out' id='I_FontFace10' οnmοuseοver=/""+"I_OnMouseOver('FontFace10','FontFace')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontFace10')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontFace100' FontFamily='Tahoma'>Tahoma</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontFace11' οnmοuseοver=/""+"I_OnMouseOver('FontFace11','FontFace')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontFace11')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontFace110' FontFamily='Arial Black'>Arial Black</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontFace12' οnmοuseοver=/""+"I_OnMouseOver('FontFace12','FontFace')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontFace12')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontFace120' FontFamily='Microsoft Sans Serif'>Microsoft Sans Serif</td>"+
                
"</tr>"+
                
"</table></div>";
                
//
                var str12 ="<div class='rm_div' id='E_FontSize' style='POSITION:absolute;width :50;Z-INDEX: 2000'>"+
                
"<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no style='WIDTH: 100%; HEIGHT: 109%'></iframe>"+
                
"<table width='100%' border='0' cellspacing='0' style='LEFT:0px;POSITION:absolute;TOP:0px'>"+
                
"<tr class='out' id='I_FontSize10' οnmοuseοver=/""+"I_OnMouseOver('FontSize10','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize10')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize100'>6</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontSize11' οnmοuseοver=/""+"I_OnMouseOver('FontSize11','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize11')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize110'>7</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontSize12' οnmοuseοver=/""+"I_OnMouseOver('FontSize12','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize12')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize120'>8</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontSize13' οnmοuseοver=/""+"I_OnMouseOver('FontSize13','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize13')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize130'>9</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontSize14' οnmοuseοver=/""+"I_OnMouseOver('FontSize14','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize14')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize140'>10</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontSize15' οnmοuseοver=/""+"I_OnMouseOver('FontSize15','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize15')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize150'>11</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontSize16' οnmοuseοver=/""+"I_OnMouseOver('FontSize16','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize16')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize160'>12</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontSize17' οnmοuseοver=/""+"I_OnMouseOver('FontSize17','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize17')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize170'>13</td>"+
                
"</tr>"+
                
"<tr class='out' id='I_FontSize18' οnmοuseοver=/""+"I_OnMouseOver('FontSize18','FontSize')/""+" οnmοuseοut=/""+"I_OnMouseOut('FontSize18')/""+" οnmοuseup='I_OnMouseUp(this,"+objID+")'"+" οnclick='window.event.cancelBubble=true;'>"+
                
"<td noWrap align='center' id='I_FontSize180'>14</td>"+
                
"</tr>"+
                
"</table></div>";
                
return str1+str11+str12;
            }

        
</ script >
    
</ body >
</ HTML >
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值