aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga/rating.js
blob: a4f8f86b889301e5e70e59d4e0efb041c39105f8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
makeNiceRatingForm();

function makeNiceRatingForm()
{
  var form = document.getElementById('rateForm');
  if (!form) return; //? template changed
  gRatingButtons = form.getElementsByTagName('input');

  gUserRating = "";
  for (var i=0; i<gRatingButtons.length; i++)
  {
    if ( gRatingButtons[i].type=="button" )
    {
      gUserRating = gRatingButtons[i].value;
      break;
    }
  }

  for (var i=0; i<gRatingButtons.length; i++)
  {
    var rateButton = gRatingButtons[i];
    rateButton.initialRateValue = rateButton.value; // save it as a property

    rateButton.value = ""; //hide the text IE/Opera
    with (rateButton.style)
    {
      textIndent = "-50px"; //hide the text FF
      marginLeft = marginRight = 0;
    }

    if (i!=gRatingButtons.length-1 && rateButton.nextSibling.nodeType == 3 /*TEXT_NODE*/)
      rateButton.parentNode.removeChild(rateButton.nextSibling);
    if (i>0 && rateButton.previousSibling.nodeType == 3 /*TEXT_NODE*/)
      rateButton.parentNode.removeChild(rateButton.previousSibling);

    if(window.addEventListener){ // Mozilla, Netscape, Firefox
      rateButton.addEventListener("click", updateRating, false );
      rateButton.addEventListener("mouseout", resetRatingStarDisplay, false );
      rateButton.addEventListener("mouseover", updateRatingStarDisplayEvt, false );
    }
    else if(window.attachEvent) { // IE
      rateButton.attachEvent("onclick", updateRating);
      rateButton.attachEvent("onmouseout", resetRatingStarDisplay);
      rateButton.attachEvent("onmouseover", updateRatingStarDisplayEvt);
    }
  }
  resetRatingStarDisplay();
}

function resetRatingStarDisplay()
{
  updateRatingStarDisplay( gUserRating );
}

function updateRatingStarDisplay(userRating)
{
  for (i=0; i<gRatingButtons.length; i++)
  {
    var rateButton = gRatingButtons[i];
    if (userRating!=="" && userRating>=rateButton.initialRateValue )
    {
      rateButton.className = "rateButtonStarFull";
    }
    else
    {
      rateButton.className = "rateButtonStarEmpty";
    }
  }
}

function updateRatingStarDisplayEvt(e)
{
  if (e.target)
    updateRatingStarDisplay(e.target.initialRateValue);
  else //IE
    updateRatingStarDisplay(e.srcElement.initialRateValue);
}

function updateRating(e)
{
  if (e.target)
    var rateButton = e.target;
  else //IE
    var rateButton = e.srcElement;
  if (rateButton.initialRateValue == gUserRating)
    return false; //nothing to do
  // some ajax here one day would be nice
  rateButton.value = rateButton.initialRateValue; // put back real value
  return true;
}