« »

A different script to display a custom JavaScript menu in place of the default context JavaScript menu when you right click the mouse, with this JavaScript.

Label: Context Menu V1.2

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

Code
CSS
HTML
Print

Copy All x2

<style type="text/css">
.link{
cursor:default;
text-decoration:none;
color:black;
font-size:8pt;
font-family:verdana;
padding:3px;
}

.normtext{
color:black;
font-size:8pt;
font-family:verdana;
font-weight:bold;
padding:3;
}

#conmenu {
cursor:default;
position:absolute;
top:0px;
left:0px;
visibility:hidden;
background-color:lightgrey;
layer-background-color:lightgrey;
border:outset 2px;
font-size:8pt;
font-family:verdana;
font-weight:normal;
color:#00436e;
width:150px;
padding:1 2 0 2;
z-index:2;
}

#conshadow{
position:absolute;
top:0px;
left:0px;
visibility:hidden;
background-color:black;
layer-background-color:black;
z-index:0;
}

body{
background-color:white;
font-size:10pt;
font-family:sans-serif;
color:#00436e;
}

</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script language="javascript">

/*****************************************************
 TITLE:    CONTEXT MENU V1.2
 AUTHOR:   Brian Gosselin
 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]=['JavaScriptBank.com' , 'http://javascriptbank.com' , '_blank'];
menu[8]=['javascriptbank.com' , 'http://javascriptbank.com' , '_blank'];
menu[9]=['javascriptbank.com' , 'http://javascriptbank.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;
}

var txt='<div id="conshadow">&nbsp;</div>';
txt+='<div id="conmenu">';
for(i=0;i<menu.length;i++){
if(menu[i].length<3){
txt+='<ilayer><div class="normtext">'+menu[i][0]+'</div></ilayer>';
}else{
txt+=(ns4)?'<ilayer width="100%" bgcolor="'+menuNormColor+'"><layer width="100%" onmouseover="setc(this,\''+menuHoverColor+'\')" onmouseout="setc(this,\''+menuNormColor+'\')">':'<div class="link" style="background-color:'+menuNormColor+'" onmouseover="setc(this,\''+menuHoverColor+'\')" onmouseout="setc(this,\''+menuNormColor+'\')">';
txt+='<a href="'+menu[i][1]+'" target="'+menu[i][2]+'" class="link">'+menu[i][0]+'</a>';
txt+=(ns4)?'</layer></ilayer>':'</div>';
}}
txt+='</div>';
document.write(txt);

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

function showmenu(){
if(windowloaded){
if(opened){
if(ns4){
conmenu.visibility="hide";
conshadow.visibility="hide";
conmenu.moveTo(0,0);
conshadow.moveTo(0,0);
}else{
conmenu.style.visibility="hidden";
conshadow.style.visibility="hidden";
conmenu.style.left='0px';
conmenu.style.top='0px';
conshadow.style.left='0px';
conshadow.style.top='0px';
}
opened=false;
}else{
opened=true;
var wh=(ie4||ie5)?document.body.clientHeight:window.innerHeight;
var ww=(ie4||ie5)?document.body.clientWidth:window.innerWidth;
var sx=(ie4||ie5)?document.body.scrollLeft:pageXOffset;
var sy=(ie4||ie5)?document.body.scrollTop:pageYOffset;
if(ie4||ie5){
if(mx+cw+13>=ww)mx=mx-cw-13;
if(my+ch+13>=wh)my=my-ch-13;
}else{
if(mx+cw-sx+13>=ww)mx=mx-cw-13;
if(my+ch-sy+13>=wh)my=my-ch-13;
}
if(ns4){
conmenu.moveTo(mx,my);
conmenu.visibility="show";
conshadow.moveTo(mx+8,my+8);
if(enableShadow)conshadow.visibility="show";
}else{
conmenu.style.left=mx+((ie4||ie5)?sx:0)+'px';
conmenu.style.top=my+((ie4||ie5)?sy:0)+'px';
conshadow.style.left=mx+10+((ie4||ie5)?sx:0)+'px';
conshadow.style.top=my+10+((ie4||ie5)?sy:0)+'px';
setTimeout('conmenu.style.visibility="visible"; if(enableShadow)conshadow.style.visibility="visible"; ',50);
}}}}

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.onload=function(){
  windowloaded=true;
  conmenu=(ns4)?document.layers['conmenu']:(ie4)?document.all['conmenu']:document.getElementById('conmenu');
  conshadow=(ns4)?document.layers['conshadow']:(ie4)?document.all['conshadow']:document.getElementById('conshadow');
  ch=(ns4)?conmenu.document.height:(ie4||ie5)?conmenu.clientHeight:conmenu.offsetHeight;
  cw=(ns4)?conmenu.document.width:(ie4||ie5)?conmenu.clientWidth:conmenu.offsetWidth;
  if(ns4){
  conshadow.clip.height=conmenu.document.height;
  conshadow.clip.width=conmenu.document.width;
  conmenu.clip.bottom=conmenu.document.height;
  }else{
  if(enableShadowTransparency){
  if(ie4||ie5)conshadow.style.filter="alpha(opacity=50)";
  if(ns6||!ie4||!ie5)conshadow.style.MozOpacity=.5;
  }
  conshadow.style.height=ch+((ie4||ie5)?4:0);
  conshadow.style.width=cw+((ie4||ie5)?4:0);
  }
//ADD OTHER WINDOW ONLOAD EVENT HANDLER SCRIPTS/COMMANDS HERE
}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)',200);
//ADD OTHER WINDOW RESIZE HANDLER COMMANDS/SCRIPTS HERE
}
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Brian Gosselin [more]
2,865
0
0
0
9.76 KBytes

JavaScript Context Menu V1.2

0/5 0 votes / 2,865 previews / 0 comment 30/01/2007 A different script to display a custom JavaScript menu in place of the default context ...JavaScript Context Menu V1.2 - Context Menu V1.2

Let's be first member to do this

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

Context Menu V1.2

Label: Context Menu V1.2 (adsbygoogle = window.adsbygoogle || []).push({});

Generate your business videos by AI with voice or just text

Write your comment

Label: Context Menu V1.2