Menu for Right Clickers

[Total: 0    Average: 0/5]

This is a custom right click menu.

Head Code:

<style>

.skin0 {

position:absolute;

text-align:left;

width:200px;

border:2px solid black;

background-color:menu;

font-family:Verdana;

line-height:20px;

cursor:default;

visibility:hidden;

}

.skin1 {

cursor:default;

font:menutext;

position:absolute;

text-align:left;

font-family: Arial, Helvetica, sans-serif;

font-size: 10pt;

width:120px;

background-color:menu;

border:1 solid buttonface;

visibility:hidden;

border:2 outset buttonhighlight;

}

.menuitems {

padding-left:15px;

padding-right:10px;

}

</style>

<script LANGUAGE="JavaScript1.2">

var menuskin = "skin1";

var display_url = 0;

function showmenuie5() {

var rightedge =

document.body.clientWidth-event.clientX;

var bottomedge =

document.body.clientHeight-event.clientY;

if (rightedge < ie5menu.offsetWidth)

ie5menu.style.left = document.body.scrollLeft +

event.clientX - ie5menu.offsetWidth;

else

ie5menu.style.left = document.body.scrollLeft +

event.clientX;

if (bottomedge < ie5menu.offsetHeight)

ie5menu.style.top = document.body.scrollTop +

event.clientY - ie5menu.offsetHeight;

else

ie5menu.style.top = document.body.scrollTop +

event.clientY;

ie5menu.style.visibility = "visible";

return false;

}

function hidemenuie5() {

ie5menu.style.visibility = "hidden";

}

function highlightie5() {

if (event.srcElement.className == "menuitems") {

event.srcElement.style.backgroundColor = "gray";

event.srcElement.style.color = "black";

if (display_url)

window.status = event.srcElement.url;

   }

}

function lowlightie5() {

if (event.srcElement.className == "menuitems") {

event.srcElement.style.backgroundColor = "";

event.srcElement.style.color = "black";

window.status = "";

   }

}

function jumptoie5() {

if (event.srcElement.className == "menuitems") {

if (event.srcElement.getAttribute("target") != null)

window.open(event.srcElement.url,

event.srcElement.getAttribute("target"));

else

window.location = event.srcElement.url;

   }

}

</script>

Body Code:

<div id="ie5menu" class="skin0"

onMouseover="highlightie5()"

onMouseout="lowlightie5()" onClick="jumptoie5();">

<div class="menuitems" url="/" target="content">Home 1</div>

<hr>

<div class="menuitems" url="/" target="content">Home 2</div>

<hr>

<div class="menuitems" url="/" target="content">Home 3</div>

<hr>

<div class="menuitems" url="http://www.sporum.org" target="content">Sporum</div>

<script language="JavaScript1.2">

if (document.all && window.print) {

ie5menu.className = menuskin;

document.oncontextmenu = showmenuie5;

document.body.onclick = hidemenuie5;

}

</script>

Times Viewed: 3

Leave a Reply

Your email address will not be published. Required fields are marked *