source: extensions/gally/piwigo-2.0/rating.js @ 31033

Last change on this file since 31033 was 4489, checked in by grum, 15 years ago

[Template:Gally] feature 1096, feature 1097, feature 1098, feature 1099, feature 1313
And some other improvments...

  • Property svn:executable set to *
File size: 3.6 KB
Line 
1var gRatingOptions, gRatingButtons, gUserRating;
2
3function makeNiceRatingForm(options)
4{
5  gRatingOptions = options || {};
6  var form = document.getElementById('rateForm');
7  if (!form) return; //? template changed
8
9  gRatingButtons = form.getElementsByTagName('input');
10  gUserRating = "";
11  for (var i=0; i<gRatingButtons.length; i++)
12  {
13    if ( gRatingButtons[i].type=="button" )
14    {
15      gUserRating = gRatingButtons[i].value;
16      break;
17    }
18  }
19
20  for (var i=0; i<gRatingButtons.length; i++)
21  {
22    var rateButton = gRatingButtons[i];
23    rateButton.initialRateValue = rateButton.value; // save it as a property
24    try { rateButton.type = "button"; } catch (e){}// avoid normal submit (use ajax); not working in IE6
25
26    if (navigator.userAgent.indexOf('AppleWebKit/') == -1 && navigator.userAgent.indexOf('MSIE 8')==-1) rateButton.value = ""; //hide the text IE<8/Opera - breaks safari
27    with (rateButton.style)
28    {
29      textIndent = "-50px"; //hide the text FF
30      marginLeft = marginRight = 0;
31    }
32
33    if (i!=gRatingButtons.length-1 && rateButton.nextSibling.nodeType == 3 /*TEXT_NODE*/)
34      rateButton.parentNode.removeChild(rateButton.nextSibling);
35    if (i>0 && rateButton.previousSibling.nodeType == 3 /*TEXT_NODE*/)
36      rateButton.parentNode.removeChild(rateButton.previousSibling);
37
38    if(window.addEventListener){ // Mozilla, Netscape, Firefox
39      rateButton.addEventListener("click", updateRating, false );
40      rateButton.addEventListener("mouseout", resetRatingStarDisplay, false );
41      rateButton.addEventListener("mouseover", updateRatingStarDisplayEvt, false );
42    }
43    else if(window.attachEvent) { // IE
44      rateButton.attachEvent("onclick", updateRating);
45      rateButton.attachEvent("onmouseout", resetRatingStarDisplay);
46      rateButton.attachEvent("onmouseover", updateRatingStarDisplayEvt);
47    }
48  }
49  resetRatingStarDisplay();
50}
51
52function resetRatingStarDisplay()
53{
54  updateRatingStarDisplay( gUserRating );
55}
56
57function updateRatingStarDisplay(userRating)
58{
59  for (var i=0; i<gRatingButtons.length; i++)
60    gRatingButtons[i].className = (userRating!=="" && userRating>=gRatingButtons[i].initialRateValue ) ? "rateButtonStarFull" : "rateButtonStarEmpty";
61}
62
63function updateRatingStarDisplayEvt(e)
64{
65  updateRatingStarDisplay(
66    e.target ? e.target.initialRateValue : e.srcElement.initialRateValue);
67}
68
69function updateRating(e)
70{
71  var rateButton = e.target || e.srcElement;
72  if (rateButton.initialRateValue == gUserRating)
73    return false; //nothing to do
74
75  for (var i=0; i<gRatingButtons.length; i++) gRatingButtons[i].disabled=true;
76  var y = new PwgWS(gRatingOptions.rootUrl);
77  y.callService(
78    "pwg.images.rate", {image_id: gRatingOptions.image_id, rate: rateButton.initialRateValue } ,
79    {
80      onFailure: function(num, text) {
81        alert(num + " " + text);
82        document.location = rateButton.form.action + "&rate="+rateButton.initialRateValue;
83      },
84      onSuccess: function(result) {
85        gUserRating = rateButton.initialRateValue;
86        for (var i=0; i<gRatingButtons.length; i++) gRatingButtons[i].disabled=false;
87        if (gRatingOptions.updateRateElement) gRatingOptions.updateRateElement.innerHTML = gRatingOptions.updateRateText;
88        if (gRatingOptions.ratingSummaryElement)
89        {
90          var t = gRatingOptions.ratingSummaryText;
91          var args =[result.average, result.count, result.stdev], idx = 0, rexp = new RegExp( /%\.?\d*[sdf]/ );
92          _xxx = t.match( rexp );
93          while (idx<args.length) t=t.replace(rexp, args[idx++]);
94          gRatingOptions.ratingSummaryElement.innerHTML = t;
95        }
96      }
97    }
98  );
99  return false;
100}
Note: See TracBrowser for help on using the repository browser.