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
|
Prado.WebUI.TRatingList = Class.create();
Prado.WebUI.TRatingList.prototype =
{
selectedIndex : -1,
initialize : function(options)
{
this.options = options;
this.element = $(options['ID']);
Element.addClassName(this.element,options.cssClass);
this.radios = document.getElementsByName(options.field);
for(var i = 0; i<this.radios.length; i++)
{
Event.observe(this.radios[i].parentNode.parentNode, "mouseover", this.hover.bindEvent(this,i));
Event.observe(this.radios[i].parentNode.parentNode, "mouseout", this.recover.bindEvent(this,i));
Event.observe(this.radios[i].parentNode.parentNode, "click", this.click.bindEvent(this, i));
}
this.caption = CAPTION();
this.element.appendChild(this.caption);
this.selectedIndex = options.selectedIndex;
this.setRating(this.selectedIndex);
},
hover : function(ev,index)
{
for(var i = 0; i<this.radios.length; i++)
this.radios[i].parentNode.parentNode.className = (i<=index) ? "rating_hover" : "";
this.setCaption(index);
},
recover : function(ev,index)
{
for(var i = 0; i<=index; i++)
Element.removeClassName(this.radios[i].parentNode.parentNode, "rating_hover");
this.setRating(this.selectedIndex);
},
click : function(ev, index)
{
for(var i = 0; i<this.radios.length; i++)
this.radios[i].checked = (i == index);
this.selectedIndex = index;
this.setRating(index);
if(typeof(this.options.onChange)=="function")
this.options.onChange(this,index);
},
setRating: function(index)
{
for(var i = 0; i<=index; i++)
this.radios[i].parentNode.parentNode.className = "rating_selected";
this.setCaption(index);
},
setCaption : function(index)
{
this.caption.innerHTML = index > -1 ?
this.radios[index].value : this.options.caption;
}
};
|