Beginner in javascript

[peggie1990]

Hey guys I just began learning java script a few weeks ago. I got this code from another webite but the person did not really explain how the codes work. Would you mind explaining it for me?

The code is as below:

Code: Select all

<script type="text/javascript">

/* AJAX Star Rating : v1.0.3 : 2008/05/06 */
/* http://www.nofunc.com/AJAX_Star_Rating/ */

function $(v,o) { return((typeof(o)=='object'?o:document).getElementById(v)); }
function $S(o) { return((typeof(o)=='object'?o:$(o)).style); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function abPos(o) { var o=(typeof(o)=='object'?o:$(o)), z={X:0,Y:0}; while(o!=null) { z.X+=o.offsetLeft; z.Y+=o.offsetTop; o=o.offsetParent; }; return(z); }
function XY(e,v) { var o=agent('msie')?{'X':event.clientX+document.body.scrollLeft,'Y':event.clientY+document.body.scrollTop}:{'X':e.pageX,'Y':e.pageY}; return(v?o[v]:o); }

star={};

star.mouse=function(e,o) { if(star.stop || isNaN(star.stop)) { star.stop=0;

   document.onmousemove=function(e) { var n=star.num;
   
      var p=abPos($('star'+n)), x=XY(e), oX=x.X-p.X, oY=x.Y-p.Y; star.num=o.id.substr(4);

      if(oX<1 || oX>84 || oY<0 || oY>19) { star.stop=1; star.revert(); }
      
      else {

         $S('starCur'+n).width=oX+'px';
         $S('starUser'+n).color='#111';
         $('starUser'+n).innerHTML=Math.round(oX/84*100)+'%';
      }
   };
} };

star.update=function(e,o) { var n=star.num, v=parseInt($('starUser'+n).innerHTML);

   n=o.id.substr(4); $('starCur'+n).title=v;

   req=new XMLHttpRequest(); req.open('GET','/AJAX_Star_Vote.php?vote='+(v/100),false); req.send(null);   

};

star.revert=function() { var n=star.num, v=parseInt($('starCur'+n).title);

   $S('starCur'+n).width=Math.round(v*84/100)+'px';
   $('starUser'+n).innerHTML=(v>0?Math.round(v)+'%':'');
   $('starUser'+n).style.color='#888';
   
   document.onmousemove='';

};

star.num=0;

</script>

Thanks:D