From 6e29b055b3cbc2a46e29075608c7e82a328d5270 Mon Sep 17 00:00:00 2001
From: wei <>
Date: Wed, 15 Feb 2006 07:44:51 +0000
Subject: Adding new TRatingList component.

---
 framework/Web/Javascripts/ratings/10star_white.gif | Bin 0 -> 25048 bytes
 framework/Web/Javascripts/ratings/default.css      |  21 +++++++
 framework/Web/Javascripts/ratings/ratings.js       |  70 +++++++++++++++++++++
 3 files changed, 91 insertions(+)
 create mode 100644 framework/Web/Javascripts/ratings/10star_white.gif
 create mode 100644 framework/Web/Javascripts/ratings/default.css
 create mode 100644 framework/Web/Javascripts/ratings/ratings.js

(limited to 'framework/Web/Javascripts/ratings')

diff --git a/framework/Web/Javascripts/ratings/10star_white.gif b/framework/Web/Javascripts/ratings/10star_white.gif
new file mode 100644
index 00000000..0acdf5c9
Binary files /dev/null and b/framework/Web/Javascripts/ratings/10star_white.gif differ
diff --git a/framework/Web/Javascripts/ratings/default.css b/framework/Web/Javascripts/ratings/default.css
new file mode 100644
index 00000000..1609ee05
--- /dev/null
+++ b/framework/Web/Javascripts/ratings/default.css
@@ -0,0 +1,21 @@
+.TRatingList_default tr
+{
+	display: none;
+}
+
+.TRatingList_default
+{
+	width: 120px;
+	height: 20px;
+	background-image: url(10star_white.gif);
+	background-position: -0px -4px;
+	background-repeat: no-repeat;
+	margin: 4px;
+	cursor: pointer;
+}
+
+.TRatingList_default caption
+{
+	padding-left: 4px;
+	text-align: left;
+}
\ No newline at end of file
diff --git a/framework/Web/Javascripts/ratings/ratings.js b/framework/Web/Javascripts/ratings/ratings.js
new file mode 100644
index 00000000..c5efc372
--- /dev/null
+++ b/framework/Web/Javascripts/ratings/ratings.js
@@ -0,0 +1,70 @@
+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);
+		var width = options.total * options.dx;
+		this.element.style.width = width+"px";
+		Event.observe(this.element, 'mouseover', this.hover.bindEvent(this));
+		Event.observe(this.element, 'mouseout', this.recover.bindEvent(this));
+		Event.observe(this.element, 'click', this.click.bindEvent(this));
+		this._onMouseMoveEvent = this.mousemoved.bindEvent(this);
+		this.selectedIndex = options.pos;
+		this.radios = document.getElementsByName(options.field);
+		this.caption = CAPTION();
+		this.element.appendChild(this.caption);
+		this.showPosition(this.selectedIndex,false);
+	},
+	
+	hover : function()
+	{
+		Event.observe(this.element, "mousemove", this._onMouseMoveEvent);	
+	},
+	
+	recover : function()
+	{
+		Event.stopObserving(this.element, "mousemove", this._onMouseMoveEvent);
+		this.showPosition(this.selectedIndex,false);
+	},
+	
+	mousemoved : function(e)
+	{
+		this.updatePosition(e,true);
+	},
+	
+	updatePosition : function(e, hovering)
+	{
+		var obj = Event.element(e);
+		var elementPos = Position.cumulativeOffset(obj);
+		var clientX = Event.pointerX(e) - elementPos[0];
+		var pos = parseInt(clientX / this.options.dx);
+		if(!hovering || this.options.pos != pos)
+			this.showPosition(pos, hovering)
+	},
+	
+	click : function(ev)
+	{
+		this.updatePosition(ev,false);
+		this.selectedIndex = this.options.pos;
+		for(var i = 0; i < this.radios.length; i++)
+			this.radios[i].checked = (i == this.selectedIndex);
+		if(isFunction(this.options.onChange))
+			this.options.onChange(this, this.selectedIndex);
+	},
+	
+	showPosition : function(pos, hovering)
+	{
+		if(pos >=  this.options.total) return;
+		var dy = this.options.dy * (pos+1) + this.options.iy;
+		var dx = hovering ? this.options.hx + this.options.ix : this.options.ix;
+		this.element.style.backgroundPosition = "-"+dx+"px -"+dy+"px";
+		this.options.pos = pos;
+		this.caption.innerHTML = pos >= 0 ? 
+				this.radios[this.options.pos].value : this.options.caption;
+	}
+}
\ No newline at end of file
-- 
cgit v1.2.3