Full version: jsB@nk » Menu » Right click menu » Real Menu
URL: https://www.javascriptbank.com/real-menu.html
The code creates a context JavaScript menu when visitors right-click anywhere on the web page.
Full version: jsB@nk » Menu » Right click menu » Real Menu
URL: https://www.javascriptbank.com/real-menu.html
<script language="javaScript"><!--///////////////////////////////////////////////////////////////////////////////// ..:: realMenu v1.27 ::..// copyright © jordan neill 2000// // change the menuItems array with your options and set the urls to link to// use addMenuItem("Text to show", "Url To Link To"); to make an item// use addMenuItem("Text", Url", "Img To Show"); to make an item with an image// use addMenuItem(); to indicate a separator bar// you can use html tags in the text, eg, <i>, <b> or <u>//// images used should be 16x16 transparent gifs/////////////////////////////////////////////////////////////////////////////// menuItems = new Array(); menuItemNum = 0; function addMenuItem(text, url, img){ if(img) menuItems[menuItemNum] = new Array(text, url, img); else if(text) menuItems[menuItemNum] = new Array(text, url); else menuItems[menuItemNum] = new Array(); menuItemNum++; } menuWidth = 148; //menu width menuHeight = 176; //menu height menuDelay = 50; //delay before menu appears menuSpeed = 8; //speed which menu appears (lower=faster) menuOffset = 2; //offset of menu from mouse pointer addMenuItem("<center>RealMenuv1.27</center>","http://JavaScriptBank.com","s.gif"); addMenuItem(); addMenuItem("Link item #","http://echip.com.vn"); addMenuItem("Link item #","http://JavaScriptBank.com"); addMenuItem("Link item #","http://www.JavaScriptBank.com"); addMenuItem(); addMenuItem("JavaScriptBank.com","http://JavaScriptBank.com"); addMenuItem("Link item #","http://www.JavaScriptBank.com"); addMenuItem("Link item #","http://www.JavaScriptBank.com"); addMenuItem("Link item #","http://www.JavaScriptBank.com"); addMenuItem("Google","http://google.com.vn"); /////////////////////////////////////////////////////////////////////////////// // do not edit the code below, it is required for the menu to work correctly /////////////////////////////////////////////////////////////////////////////// if(window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8) >= 5.5) isIe = 1; else isIe = 0; if(isIe){ menuContent = '<table id="rightMenu" width="0" height="0" cellspacing="0" cellpadding="0" style="font:menu;color:menutext;"><tr height="1"><td style="background:threedlightshadow" colspan="4"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedhighlight" colspan="2"></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="10"><td style="background:threedlightshadow"></td><td style="background:threedhighlight"></td><td style="background:threedface"><table cellspacing="0" cellpadding="0" nowrap style="font:menu;color:menutext;cursor:default;">'; for(m=0;m<menuItems.length;m++){ if(menuItems[m][0] && menuItems[m][2]) menuContent += '<tr height="17" onMouseOver="this.style.background=\'highlight\';this.style.color=\'highlighttext\';" onMouseOut="this.style.background=\'threedface\';this.style.color=\'menutext\';" onClick="parent.window.location.href=\'' + menuItems[m][1] + '\'"><td style="background:threedface" width="1" nowrap></td><td width="21" nowrap><img src="' + menuItems[m][2] + '"></td><td nowrap>' + menuItems[m][0] + '</td><td width="21" nowrap></td><td style="background:threedface" width="1" nowrap></td></tr>'; else if(menuItems[m][0]) menuContent += '<tr height="17" onMouseOver="this.style.background=\'highlight\';this.style.color=\'highlighttext\';" onMouseOut="this.style.background=\'threedface\';this.style.color=\'menutext\';" onClick="parent.window.location.href=\'' + menuItems[m][1] + '\'"><td style="background:threedface" width="1" nowrap></td><td width="21" nowrap></td><td nowrap>' + menuItems[m][0] + '</td><td width="21" nowrap></td><td style="background:threedface" width="1" nowrap></td></tr>'; else menuContent += '<tr><td colspan="5" height="4"></td></tr><tr><td colspan="5"><table cellspacing="0"><tr><td width="2" height="1"></td><td width="0" height="1" style="background:threedshadow"></td><td width="2" height="1"></td></tr><tr><td width="2" height="1"></td><td width="100%" height="1" style="background:threedhighlight"></td><td width="2" height="1"></td></tr></table></td></tr><tr><td colspan="5" height="3"></td></tr>'; } menuContent += '</table></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedhighlight"></td><td style="background:threedface"></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedshadow" colspan="3"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threeddarkshadow" colspan="5"></td></tr></table>'; menuPopup = window.createPopup(); menuPopup.document.body.innerHTML = menuContent; } function showMenu(){ menuXPos = event.clientX + menuOffset; menuYPos = event.clientY + menuOffset; menuXIncrement = menuWidth / menuSpeed; menuYIncrement = menuHeight / menuSpeed; menuTimer = setTimeout("openMenu(0,0)", menuDelay); return false; } function openMenu(height, width){ iHeight = height; iWidth = width; menuPopup.show(menuXPos, menuYPos, iWidth, iHeight, document.body); if(iHeight < menuHeight) menuTimer = setTimeout("openMenu(iHeight + menuYIncrement, iWidth + menuXIncrement)", 1); else clearTimeout(menuTimer); } if(isIe) document.oncontextmenu = showMenu;//--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->