Download JavaScript Code Examples, Tutorials, Reference

Provide thousands of free JavaScript code examples, DHTML, HTML JavaScript Tutorials, Reference and Help. JavaScriptBank.com is the best JavaScript resources

Over 2000+ free Javascript

at JavaScriptBank.com Website

Sampled by JavaScriptBank.com Move your mouse on image below to see

JavaScript Code

<script language=javascript>
/*
		    xxxxxxxxxxxxxxx   xxxxxxxxxxx     xxxx
		    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx
		    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx
		         xxxxx       xxxxxxxxxxxx     xxxx
		         xxxxx       xxxxx			  xxxx
		         xxxxx		 xxxxxxxxxxxx	  xxxx
		         xxxxx		 xxxxxxxxxxxxx	  xxxxxxxxxxx			www.JavaScriptBank.com
		         xxxxx		  xxxxxxxxxxxx	  xxxxxxxxxxxxx
		         xxxxx       		 xxxxx	  xxxx     xxxx
		   xxx   xxxxx		  xxxxxxxxxxxx    xxxx     xxxx
		   xxx  xxxxxx		 xxxxxxxxxxxxx	  xxxx     xxxx
		   xxxxxxxxxx		 xxxxxxxxxxxxx	  xxxxxxxxxxxxx
		    xxxxxxxx		  xxxxxxxxxxx      xxxxxxxxxxx
		    
		    
	Rating star script
	Author: Thái Cao Phong
	Website: www.JavaScriptBank.com
	Please keep these comments above to contact author when you use this script. Thank you very much.
	Vietnamese: Xin ban hay giu lai nhung thong tin tren de nguoi khac co the lien he voi tac gia neu ban co 
su dung doan ma nay. Cam on ban rat nhieu.
*/
var ie = navigator.appName=='Microsoft Internet Explorer'?true:false,
	op = window.opera?true:false,
	ns = navigator.vendor?true:false;

var starPath = '';

function rate(evt)
{
	var obj = getObject(evt);
	if(obj.className != 'jsbank_rate_item')
		return;
	var w = event.offsetX;
	var disp_mark = document.getElementById('jsbank_disp_mark');
	
	if(w>135 && w<=150)
	{
		obj.src = starPath + '5.0.gif';
		disp_mark.innerText = '5';
	}
	else if(w>120 && w<=135)
	{
		obj.src = starPath + '4.5.gif';
		disp_mark.innerText = '4.5';
	}
	else if(w>105 && w<=120)
	{
		obj.src = starPath + '4.0.gif';
		disp_mark.innerText = '4';
	}
	else if(w>90 && w<=105)
	{
		obj.src = starPath + '3.5.gif';
		disp_mark.innerText = '3.5';
	}
	else if(w>75 && w<=90)
	{
		obj.src = starPath + '3.0.gif';
		disp_mark.innerText = '3';
	}
	else if(w>60 && w<=75)
	{
		obj.src = starPath + '2.5.gif';
		disp_mark.innerText = '2.5';
	}
	else if(w>45 && w<=60)
	{
		obj.src = starPath + '2.0.gif';
		disp_mark.innerText = '2';
	}
	else if(w>30 && w<=45)
	{
		obj.src = starPath + '1.5.gif';
		disp_mark.innerText = '1.5';
	}
	else if(w>15 && w<=30)
	{
		obj.src = starPath + '1.0.gif';
		disp_mark.innerText = '1';
	}
	else
	{
		obj.src = starPath + '0.5.gif';
		disp_mark.innerText = '0.5';
	}
}

///////////////////////////////////////////////////////////////////////////////
// getObject function
///////////////////////////////////////////////////////////////////////////////
function getObject(evt)
{
	var srcElem;
	if(ie)
	{
		srcElem = event.srcElement;
	}
	else
	{
		srcElem = evt.target;
	}
	return srcElem;
}
document.onmousemove = rate;
</script>

HTML Code

If you have any question or suggestion, please write to me or visit my forum
JavaScriptBank.com