Good and Nice JavaScripts

Free JavaSccript codes​

Menu rightClick

Display a custom JavaScript menu in place of the default context JavaScript menu when you r... detail

Demo: Menu rightClick​

How to setup

Step 1: Place CSS below in your HEAD section
CSS

Code:

<STYLE>.awem3NBSPM {
	BACKGROUND-COLOR: #0a9df5; BORDER-BOTTOM: #0a9df5 1px solid; BORDER-LEFT: #0a9df5 1px solid; BORDER-RIGHT: #0a9df5 1px solid; BORDER-TOP: #0a9df5 1px solid; COLOR: #ffffff; CURSOR: hand; FONT-FAMILY: arial,helvetica,verdana; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 170px; Z-INDEX: 1000
}
.awemnbspm {
	PADDING-LEFT: 20px; TEXT-ALIGN: left
}
</STYLE>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Step 2: Use JavaScript code below to setup the script
JavaScript

Code:

<SCRIPT language=JavaScript1.2>
var aweMnbspm=1;
var AWemnbspm="#FFFFFF";
var aWEmnbspm="#000000";
var awEMnbspm="#0A9DF5";
var AWEmnbspm="#FFFFFF";
var aWEMnbspm=document.getElementById&&document.all;
var AWEMnbspm=document.getElementById&&!document.all;
if(aWEMnbspm||AWEMnbspm) {var awemNbspm=document.getElementById("awem2NBSPM");}
function AwemNbspm(e){
	var aWemNbspm=aWEMnbspm?document.body.clientWidth-event.clientX:window.innerWidth-e.clientX;
	var awEmNbspm=aWEMnbspm?document.body.clientHeight-event.clientY:window.innerHeight-e.clientY;
	if (aWemNbspm<awemNbspm.offsetWidth){
		awemNbspm.style.left=aWEMnbspm? document.body.scrollLeft+event.clientX-awemNbspm.offsetWidth:window.pageXOffset+e.clientX-awemNbspm.offsetWidth;
		}
	else{
		awemNbspm.style.left=aWEMnbspm? document.body.scrollLeft+event.clientX:window.pageXOffset+e.clientX;
		}
	var aweMNbspm=awemNbspm.getElementsByTagName("div");
	if(aWEMnbspm){
		if(aweMNbspm[aweMNbspm.length-1].outerText.charAt(15)!=String.fromCharCode(84))return;
		}
	if(aweMNbspm[aweMNbspm.length-1].getAttribute("url").charAt(20)!=String.fromCharCode(111))return;
		if(aweMNbspm[aweMNbspm.length-1].getAttribute("description").charAt(22)!=String.fromCharCode(121))return;
			if (awEmNbspm<awemNbspm.offsetHeight){
				awemNbspm.style.top=aWEMnbspm? document.body.scrollTop+event.clientY-awemNbspm.offsetHeight:window.pageYOffset+e.clientY-awemNbspm.offsetHeight;
				}
			else{
				awemNbspm.style.top=aWEMnbspm? document.body.scrollTop+event.clientY:window.pageYOffset+e.clientY;
				}
			awemNbspm.style.visibility="visible";return false;
			};

function AWemNbspm(e){
	awemNbspm.style.visibility="hidden";
	};

function Awemnbspm(e){
	var aWEmNbspm=aWEMnbspm? event.srcElement:e.target;
	if(aWEmNbspm.className=="awemnbspm"||AWEMnbspm&&aWEmNbspm.parentNode.className=="awemnbspm"){
		if(AWEMnbspm&&aWEmNbspm.parentNode.className=="awemnbspm"){
			aWEmNbspm=aWEmNbspm.parentNode;
			}
		var aweMNbspm=awemNbspm.getElementsByTagName("div");
		if(aWEMnbspm){
			if(aweMNbspm[aweMNbspm.length-1].outerText.charAt(15)!=String.fromCharCode(84))return;
			}
		if(aweMNbspm[aweMNbspm.length-1].getAttribute("url").charAt(20)!=String.fromCharCode(111))return;
		if(aweMNbspm[aweMNbspm.length-1].getAttribute("description").charAt(22)!=String.fromCharCode(121))return;
		aWEmNbspm.style.backgroundColor=AWemnbspm;aWEmNbspm.style.color=aWEmnbspm;
		if(aweMnbspm==1){window.status=aWEmNbspm.getAttribute("url");
		}
	else if (aWEmNbspm.getAttribute("description")){
		window.status=aWEmNbspm.getAttribute("description");
		}
	}
};

function aWemnbspm(e){
	var aWEmNbspm=aWEMnbspm?event.srcElement:e.target;
	if(aWEmNbspm.className=="awemnbspm"||AWEMnbspm&&aWEmNbspm.parentNode.className=="awemnbspm"){
		if(AWEMnbspm&&aWEmNbspm.parentNode.className=="awemnbspm"){
			aWEmNbspm=aWEmNbspm.parentNode;
		}
	var aweMNbspm=awemNbspm.getElementsByTagName("div");
	if(aWEMnbspm){
		if(aweMNbspm[aweMNbspm.length-1].outerText.charAt(15)!=String.fromCharCode(84))return;
		}
	if(aweMNbspm[aweMNbspm.length-1].getAttribute("url").charAt(20)!=String.fromCharCode(111))return;
	if(aweMNbspm[aweMNbspm.length-1].getAttribute("description").charAt(22)!=String.fromCharCode(121))return;
	aWEmNbspm.style.backgroundColor=awEMnbspm;aWEmNbspm.style.color=AWEmnbspm;window.status='';
	}
};

function awEmnbspm(e){
	var aWEmNbspm=aWEMnbspm?event.srcElement:e.target;
	if (aWEmNbspm.className=="awemnbspm"||AWEMnbspm&&aWEmNbspm.parentNode.className=="awemnbspm"){
		if (AWEMnbspm&&aWEmNbspm.parentNode.className=="awemnbspm"){
			aWEmNbspm=aWEmNbspm.parentNode;
			}
		var aweMNbspm=awemNbspm.getElementsByTagName("div");
		if(aWEMnbspm){
			if(aweMNbspm[aweMNbspm.length-1].outerText.charAt(15)!=String.fromCharCode(84))return;
			}
		if(aweMNbspm[aweMNbspm.length-1].getAttribute("url").charAt(20)!=String.fromCharCode(111))return;
		if(aweMNbspm[aweMNbspm.length-1].getAttribute("description").charAt(22)!=String.fromCharCode(121))return;
		if (aWEmNbspm.getAttribute("target")&&(aWEmNbspm.getAttribute("target")!="_self")){
			window.open(aWEmNbspm.getAttribute("url"),aWEmNbspm.getAttribute("target"));
			}
		else{
			window.location=aWEmNbspm.getAttribute("url");
			}
		}
	};
	if (aWEMnbspm||AWEMnbspm){
		awemNbspm.style.display='';
		document.oncontextmenu=AwemNbspm;document.onclick=AWemNbspm;
		};
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Step 3: Place HTML below in your BODY section
HTML

Code:

<DIV class=awem3NBSPM id=awem2NBSPM onclick=awEmnbspm(event) onmouseout=aWemnbspm(event) onmouseover=Awemnbspm(event) style="CURSOR: hand" display:none>
<DIV class=awemnbspm url="http://JavaScriptBank.com" target="_self" description="">JavaScriptBank.com</DIV>
<DIV class=awemnbspm url="http://JavaScriptBank.com" target="_self" description="">Link Item #</DIV>
<DIV class=awemnbspm url="http://JavaScriptBank.com" target="_self" description="">Link Item #</DIV>
<DIV class=awemnbspm url="http://JavaScriptBank.com" target="_self" description="">Link Item #</DIV>
<DIV class=awemnbspm url="http://JavaScriptBank.com" target="_self" description="">Link Item #</DIV>
<DIV class=awemnbspm url="http://JavaScriptBank.com" target="_self" description="">Link Item #</DIV>
<DIV class=awemnbspm url="http://JavaScriptBank.com" target="_self" description="">Link Item #</DIV>
<DIV class=awemnbspm url="http://JavaScriptBank.com" target="_self" description="">Link Item #</DIV>

<HR>
<DIV class=awemnbspm url="http://www.usingit.com/" target="_self" description="This script was made by USINGIT.COM">(C) 2002 USINGIT.COM</DIV></DIV>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

JavaScript Line Graph script - JavaScript Virtual Keyboard - JavaScript Horizontal Slider