TextBox上实现右键菜单

<HTML>

<HEAD>

<title>TextBoxRightMenu</title>

<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>

<asp:TextBox id="TextBox1" oncontextmenu="PopMenu(this);" style="Z-INDEX: 101; LEFT: 264px; POSITION: absolute; TOP: 72px" runat="server"></asp:TextBox>

</form>

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' onmouseup='window.event.cancelBubble=true;' onclick='window.event.cancelBubble=true;' onmouseover=\""+"P_OnMouseOver('FontFace','rbpm')\""+" onmouseout=\""+"P_OnMouseOut('FontFace','rbpm')\""+">"+

"<td noWrap align='center'>  Font Face  </td><td style='FONT-FAMILY: webdings'>4</td>"+

"</tr>"+

"<tr onmouseup='window.event.cancelBubble=true;' class='out' onclick='window.event.cancelBubble=true;'>"+

"<td height='1' colSpan='2'>"+

"<hr class='sperator'></td></tr>"+

"<tr class='out' id='P_FontSize' onmouseup='window.event.cancelBubble=true;' onclick='window.event.cancelBubble=true;' onmouseover=\""+"P_OnMouseOver('FontSize','rbpm')\""+" onmouseout=\""+"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' onmouseover=\""+"I_OnMouseOver('FontFace10','FontFace')\""+" onmouseout=\""+"I_OnMouseOut('FontFace10')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontFace100' FontFamily='Tahoma'>Tahoma</td>"+

"</tr>"+

"<tr class='out' id='I_FontFace11' onmouseover=\""+"I_OnMouseOver('FontFace11','FontFace')\""+" onmouseout=\""+"I_OnMouseOut('FontFace11')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontFace110' FontFamily='Arial Black'>Arial Black</td>"+

"</tr>"+

"<tr class='out' id='I_FontFace12' onmouseover=\""+"I_OnMouseOver('FontFace12','FontFace')\""+" onmouseout=\""+"I_OnMouseOut('FontFace12')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='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' onmouseover=\""+"I_OnMouseOver('FontSize10','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize10')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize100'>6</td>"+

"</tr>"+

"<tr class='out' id='I_FontSize11' onmouseover=\""+"I_OnMouseOver('FontSize11','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize11')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize110'>7</td>"+

"</tr>"+

"<tr class='out' id='I_FontSize12' onmouseover=\""+"I_OnMouseOver('FontSize12','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize12')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize120'>8</td>"+

"</tr>"+

"<tr class='out' id='I_FontSize13' onmouseover=\""+"I_OnMouseOver('FontSize13','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize13')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize130'>9</td>"+

"</tr>"+

"<tr class='out' id='I_FontSize14' onmouseover=\""+"I_OnMouseOver('FontSize14','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize14')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize140'>10</td>"+

"</tr>"+

"<tr class='out' id='I_FontSize15' onmouseover=\""+"I_OnMouseOver('FontSize15','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize15')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize150'>11</td>"+

"</tr>"+

"<tr class='out' id='I_FontSize16' onmouseover=\""+"I_OnMouseOver('FontSize16','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize16')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize160'>12</td>"+

"</tr>"+

"<tr class='out' id='I_FontSize17' onmouseover=\""+"I_OnMouseOver('FontSize17','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize17')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize170'>13</td>"+

"</tr>"+

"<tr class='out' id='I_FontSize18' onmouseover=\""+"I_OnMouseOver('FontSize18','FontSize')\""+" onmouseout=\""+"I_OnMouseOut('FontSize18')\""+" onmouseup='I_OnMouseUp(this,"+objID+")'"+" onclick='window.event.cancelBubble=true;'>"+

"<td noWrap align='center' id='I_FontSize180'>14</td>"+

"</tr>"+

"</table></div>";

return str1+str11+str12;

}

</script>

</body>

</HTML>

posted on 2005-11-22 18:08 小山阅读(2862) 评论(3) 收藏举报

刷新页面返回顶部

小山

公告