silentpoison123
11-14-2005, 10:35 AM
Hello guys i have the following code to display the right click menu in the page. But my requirement is i need to get that menu on right click on a TH but not in the whole table or page.
cud anyone tell me what changes should i do.. so as to get the menu on right click on a TD Or TH ????
Thanks in advance
PVR
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT>
var ie5=window.createPopup
if (ie5)
document.oncontextmenu=init;
var eyesys="";
var preitem="";
function init(){
mx=event.clientX;
my=event.clientY;
menx=window.screenLeft+mx;
meny=window.screenTop+my;
sysmen=window.createPopup();
sysmen.document.write(eyesys);
sysmen.show(menx,meny,eyesys_width,document.getElementById('men').offsetHeight);
return false
};
function eyesys_init(){
if (ie5){
eyesys+=("<style type='text/css'>.textul{position:absolute;top:0px;color:"+eyesys_titletext+";writing-mode: tb-rl;padding-top:10px;filter: flipH() flipV() dropShadow( Color=000000,offX=-2,offY=-2,positive=true);z-Index:10;width:100%;height:100%;font: bold 12px sans-serif}.gradientul{position:relative;top:0px;left:0px;width:100%;background-color:"+eyesys_titlecol2+";height:100%;z-Index:9;FILTER: alpha( style=1,opacity=0,finishOpacity=100,startX=100,finishX=100,startY=0,finishY=100)}.contra{background-color:"+eyesys_titlecol1+";border:1px inset "+eyesys_bg+";height:98%;width:18px;z-Index:8;top:0px;left:0px;margin:2px;position:absolute;}.men{position:absolute;top:0px;left:0px;paddi ng-left:18px;background-color:"+eyesys_bg+";border:2px outset "+eyesys_bg+";z-Index:1;}.men a{margin:1px;cursor:default;padding-bottom:4px;padding-left:1px;padding-right:1px;padding-top:3px;text-decoration:none;height:100%;width:100%;color:"+eyesys_cl+";font:normal 12px sans-serif;}.men a:hover{background:"+eyesys_bgov+";color:"+eyesys_clov+";} BODY{overflow:hidden;border:0px;padding:0px;margin:0px;}.ico{border:none;float:left;}</style><div class='men'>")
}
};
function eyesys_item(txt,ico,lnk){
if (ie5){
if(!ico)ico='s.gif';
preitem+=("<a href='#' onmousedown='parent.window.location.href=\""+lnk+"\"'><img src='"+ico+"' width='16' height='16' class='ico'> "+txt+"</a>")
}
};
function eyesys_close(){
if (ie5){
eyesys+=preitem;
eyesys+=("</div><div class='contra'><div class='gradientul'></div><div class='textul' id='titlu'>"+eyesys_title+"</div></div>");
document.write("<div id='men' style='width:"+eyesys_width+"'></div>");
document.getElementById('men').innerHTML=preitem
}
}
</SCRIPT>
<style>
<!--
#men {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 0px
}
#men A {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; MARGIN: 1px 1px 1px 16px; FONT: 12px sans-serif; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 100%; TEXT-DECORATION: none
}
.ico {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FLOAT: left; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
//-->
</style>
</HEAD>
<BODY>
<SCRIPT type=text/javascript>
//MENU TITLE
eyesys_title="JavaScript Kit Menu"
//TITLE BACKGROUND COLORS
eyesys_titlecol1="black"
eyesys_titlecol2="blue"
//TITLE COLOR
eyesys_titletext="white"
//MENU & ITEM BACKGROUND COLOR
eyesys_bg="#229922"
//ITEM BACKGROUND COLOR ON MOUSE OVER
eyesys_bgov="#006699"
//MENU COLOR
eyesys_cl="white"
//MENU COLOR ON MOUSE OVER
eyesys_clov="white"
//MENU WIDTH
eyesys_width=160
//menu starts here
eyesys_init()
//menu item sintax: eyesys_item(text,icon,link)
//for no icon use 'null'
eyesys_item('JavaScript Kit','home.gif','http://www.javascriptkit.com')
eyesys_item('Dynamic Drive',null,'http://www.dynamicdrive.com')
eyesys_item('Freewarejava.com',null,'http://www.freewarejava.com')
eyesys_item('Coding Forums',null,'http://www.codingforums.com')
eyesys_item('Web Review',null,'http://www.webreview.com')
eyesys_item('Cool Text',null,'http://www.cooltext.com')
eyesys_item('GUI Stuff',null,'http://www.guistuff.com')
//mene closes here
eyesys_close()
</SCRIPT>
<div id="colu_menu">
<table border="1" style="border:1px" cellpadding="0" cellspacing="0" width="100%">
<tr>
<th>COLUMN1</th>
<th>COLUMN2</th>
<th>COLUMN3</th>
<th>COLUMN4</th>
<th>COLUMN5</th>
<th>COLUMN6</th>
<th>COLUMN7</th>
<th>COLUMN8</th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr><tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr><tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</BODY>
</HTML>
cud anyone tell me what changes should i do.. so as to get the menu on right click on a TD Or TH ????
Thanks in advance
PVR
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT>
var ie5=window.createPopup
if (ie5)
document.oncontextmenu=init;
var eyesys="";
var preitem="";
function init(){
mx=event.clientX;
my=event.clientY;
menx=window.screenLeft+mx;
meny=window.screenTop+my;
sysmen=window.createPopup();
sysmen.document.write(eyesys);
sysmen.show(menx,meny,eyesys_width,document.getElementById('men').offsetHeight);
return false
};
function eyesys_init(){
if (ie5){
eyesys+=("<style type='text/css'>.textul{position:absolute;top:0px;color:"+eyesys_titletext+";writing-mode: tb-rl;padding-top:10px;filter: flipH() flipV() dropShadow( Color=000000,offX=-2,offY=-2,positive=true);z-Index:10;width:100%;height:100%;font: bold 12px sans-serif}.gradientul{position:relative;top:0px;left:0px;width:100%;background-color:"+eyesys_titlecol2+";height:100%;z-Index:9;FILTER: alpha( style=1,opacity=0,finishOpacity=100,startX=100,finishX=100,startY=0,finishY=100)}.contra{background-color:"+eyesys_titlecol1+";border:1px inset "+eyesys_bg+";height:98%;width:18px;z-Index:8;top:0px;left:0px;margin:2px;position:absolute;}.men{position:absolute;top:0px;left:0px;paddi ng-left:18px;background-color:"+eyesys_bg+";border:2px outset "+eyesys_bg+";z-Index:1;}.men a{margin:1px;cursor:default;padding-bottom:4px;padding-left:1px;padding-right:1px;padding-top:3px;text-decoration:none;height:100%;width:100%;color:"+eyesys_cl+";font:normal 12px sans-serif;}.men a:hover{background:"+eyesys_bgov+";color:"+eyesys_clov+";} BODY{overflow:hidden;border:0px;padding:0px;margin:0px;}.ico{border:none;float:left;}</style><div class='men'>")
}
};
function eyesys_item(txt,ico,lnk){
if (ie5){
if(!ico)ico='s.gif';
preitem+=("<a href='#' onmousedown='parent.window.location.href=\""+lnk+"\"'><img src='"+ico+"' width='16' height='16' class='ico'> "+txt+"</a>")
}
};
function eyesys_close(){
if (ie5){
eyesys+=preitem;
eyesys+=("</div><div class='contra'><div class='gradientul'></div><div class='textul' id='titlu'>"+eyesys_title+"</div></div>");
document.write("<div id='men' style='width:"+eyesys_width+"'></div>");
document.getElementById('men').innerHTML=preitem
}
}
</SCRIPT>
<style>
<!--
#men {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 0px
}
#men A {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; MARGIN: 1px 1px 1px 16px; FONT: 12px sans-serif; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 100%; TEXT-DECORATION: none
}
.ico {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FLOAT: left; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
//-->
</style>
</HEAD>
<BODY>
<SCRIPT type=text/javascript>
//MENU TITLE
eyesys_title="JavaScript Kit Menu"
//TITLE BACKGROUND COLORS
eyesys_titlecol1="black"
eyesys_titlecol2="blue"
//TITLE COLOR
eyesys_titletext="white"
//MENU & ITEM BACKGROUND COLOR
eyesys_bg="#229922"
//ITEM BACKGROUND COLOR ON MOUSE OVER
eyesys_bgov="#006699"
//MENU COLOR
eyesys_cl="white"
//MENU COLOR ON MOUSE OVER
eyesys_clov="white"
//MENU WIDTH
eyesys_width=160
//menu starts here
eyesys_init()
//menu item sintax: eyesys_item(text,icon,link)
//for no icon use 'null'
eyesys_item('JavaScript Kit','home.gif','http://www.javascriptkit.com')
eyesys_item('Dynamic Drive',null,'http://www.dynamicdrive.com')
eyesys_item('Freewarejava.com',null,'http://www.freewarejava.com')
eyesys_item('Coding Forums',null,'http://www.codingforums.com')
eyesys_item('Web Review',null,'http://www.webreview.com')
eyesys_item('Cool Text',null,'http://www.cooltext.com')
eyesys_item('GUI Stuff',null,'http://www.guistuff.com')
//mene closes here
eyesys_close()
</SCRIPT>
<div id="colu_menu">
<table border="1" style="border:1px" cellpadding="0" cellspacing="0" width="100%">
<tr>
<th>COLUMN1</th>
<th>COLUMN2</th>
<th>COLUMN3</th>
<th>COLUMN4</th>
<th>COLUMN5</th>
<th>COLUMN6</th>
<th>COLUMN7</th>
<th>COLUMN8</th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr><tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr><tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</BODY>
</HTML>