RS Tech: Rating Using JS

Source Code

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rate</title>
<style type="text/css">  
    .main{width:50%; height:250px; border:1px solid #633; 
margin-left:200px; margin-top:100px;}
    #rateMe{ width:50%; margin:0 auto; margin-top:100px;}
     #rateMe li a:hover,
    #rateMe .on{background:url(star-on.png) no-repeat;}
    #rateMe a{float:left;background:url(start-off.png)
no-repeat;width:50px; height:50px;}
    #rateStatus{width:200px; height:50px; color:#903;}
    #ratingSaved{display:none;}
    .saved{color:red; }
</style> 
<script type="text/javascript" language="javascript"
 src="rating.js"></script> 
</head>
<body>   
    <div class="main">    
    <div id="rateMe" title="Rate Me...">
    <a onclick="rateIt(this)" id="_1" title="Very Poor" 
onmouseover="rating(this)" onmouseout="off(this)"></a>
    <a onclick="rateIt(this)" id="_2" title="Poor " 
onmouseover="rating(this)" onmouseout="off(this)"></a>
    <a onclick="rateIt(this)" id="_3" title="Good"
 onmouseover="rating(this)" onmouseout="off(this)"></a>
    <a onclick="rateIt(this)" id="_4" title="Very Good"
 onmouseover="rating(this)" onmouseout="off(this)"></a>
    <a onclick="rateIt(this)" id="_5" title="Excellent"
 onmouseover="rating(this)" onmouseout="off(this)"></a></div>
         <p> <textarea  id="rateStatus" name="rate"></textarea></p>
    <span id="ratingSaved"></span>  
   </div>
</body>
</html>
Download
Pages(menu)

Rating Using JS

Source Code

No comments:

Post a Comment
