Context Menu V1.2

Right mouse-click somewhere in this page...

Updated to V 1.2 - New Features:

Made shadow selectable.
Made shadow transparency selectable (semi-transparent or opaque).
Menu now stays on the page if the mouse is near a window border when the context menu is opened.

1: Copy and paste the following style declaration in the HEAD section of your page:
Select all...

2: Copy and paste the following script in the BODY section of your page:
Select all...

/*****************************************************
 TITLE:    CONTEXT MENU V1.2
 AUTHOR:   Brian Gosselin
 SITE:     HTTP://SCRIPTASYLUM.COM
 EMAIL:    SCRIPTASYLUM@HOTMAIL.COM
 SUPPORT:  WORKS IN NETSCAPE 4+ AND 6+. WORKS IN IE4+
 KNOWN BUGS: BOX DOES NOT APPEAR CORRECTLY WHEN OVER FORM
             ELEMENTS IN NETSCAPE4.X. AS A RESULT, I HAVE
             CREATED PROVISIONS FOR THIS. SEE BELOW.
******************************************************/

var menuNormColor="lightgrey";      //NORMAL COLOR OF THE MENU ITEMS
var menuHoverColor="#0084d8";       //COLOR OF THE MENU ITEMS ONMOUSEOVER
var enableShadow=true;              //SET TO "true" TO ENABLE SHADOW, "false" TO DISABLE IT.
var enableShadowTransparency=true;  //SET TO "true" TO ENABLE SHADOW SEMI-TRANSPARENCY (ie4+, ns6+ ONLY), "false" TO DISABLE IT.
var disableNS4=false;               // BECAUSE THE MENU DOESNT LOOK RIGHT WHEN THE PAGE CONTAINS FORMS IN NS4, SET THIS VALUE TO
                                    // "true" TO DISABLE THIS CONTEXT MENU AND USE THE DEFAULT ONE. THIS EFFECTS NS4.X ONLY.

// THE ARRAY BELOW CONTAINS THE MENU ITEMS. FORMAT:
// [ 'LINK TEXT TO APPEAR IN MENU' , 'LINK HREF' , 'TARGET WINDOW/FRAME' ];
// JUST ADD ARRAY ITEMS AS NEEDED KEEPING NUMBER SEQUENCE
// TO ADD REGULAR (NON-LINK) HTML/TEXT, USE THE FOLLOWING FORMAT:
// [ 'REGULAR TEXT/HTML HERE' ];

var menu=new Array();
menu[0]=['<center>- JavaScript -</center>'];
menu[1]=['JavaScript Alert Box' , 'javascript:alert(\'This is a JavaScript alert box...\')' , ''];
menu[2]=['Email me...' , 'mailto:scriptasylum@hotmail.com' , ''];
menu[3]=['Print...' , 'javascript:window.print();' , ''];
menu[4]=['Refresh this page.' , 'javascript:history.go(0)', ''];
menu[5]=['View Page Source...' , 'view-source:'+location.href, ''];
menu[6]=['<center>- Links -</center>'];
menu[7]=['Script Asylum' , 'http://scriptasylum.com' , '_blank'];
menu[8]=['Dynamic Drive' , 'http://dynamicdrive.com' , '_blank'];
menu[9]=['Javascript Source' , 'http://javascriptsource.com' , '_blank'];
menu[10]=['Right-click the mouse again to dismiss...'];

//****************** NO NEED TO EDIT BEYOND HERE ********************

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
w3c = (document.getElementById)? true : false;
var mx=0;
var my=0;
var conmenu;
var conshadow;
var windowloaded=false;
var opened=false;
var ch=0;
var cw=0;

function setc(ref,c){
if(ns4)ref.bgColor=c;
else ref.style.backgroundColor=c;
}

function ns4trap(evt){
if(evt.which==2||evt.which==3){
showmenu();
return false;
}}

if(ns4&&!disableNS4){
document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE);
document.onmousedown=ns4trap;
}else{
document.oncontextmenu=function(){
showmenu();
return false;
}}

document.onmousemove=function(evt){
mx=(ie4||ie5)?event.clientX:evt.pageX;
my=(ie4||ie5)?event.clientY:evt.pageY;
}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)',200);
//ADD OTHER WINDOW RESIZE HANDLER COMMANDS/SCRIPTS HERE
}
</script>

3: Edit the variables in the script to customize it to your liking. Below is a breakdown of what those variable control.

menuNormColor - Normal color of the menu items.
menuHoverColor - Color of the menu items onmouseover.
enableShadow - Set to "true" to enable shadow, "false" to disable it.
enableShadowTransparency - Set to "true" to enable shadow semi-transparency (ie4+, ns6+ only), "false" makes it opaque.
disablens4 - because the menu doesnt look right when the page contains form elements in ns4, set this value to "true" to disable this context menu and use the default one. This effects ns4.x only.

4: Lastly, adjust the stylesheet values to match the colors/fonts for your site.