Changeset 5142

Timestamp:

03/28/08 16:42:08 (7 months ago)

Author:

paul.bakaus

Message:

ui-colorpicker: added callbacks (pick, picking, start and change)

Files:

• trunk/ui/colorpicker/ui.colorpicker.js (modified) (5 diffs)

trunk/ui/colorpicker/ui.colorpicker.js

@@ -19 +19 @@
         var self = this;
         this.element = $(element);
-        var o = $.extend({}, this.options);
+        var o = this.options = $.extend({}, options);
         
         $.data(element, "colorpicker", this);
@@ -58 +58 @@
                 self.lastValues = [parseInt(ui.value.x * 255/100),parseInt(ui.value.y * 255/100)];
                 self.setGradientColor();
+                self.propagate("picking", e);
             },
-            change : function() {
+            change : function(e) {
                 self.colorfieldLast.css("backgroundColor", 'rgb(' + self.currentColor.r + ',' + self.currentColor.g + ',' + self.currentColor.b + ')');
-            }
+                self.propagate("change", e);
+            },
+            stop: function(e) { self.propagate("pick", e); },
+            start: function(e) { self.propagate("start", e); }
         });
 
@@ -69 +73 @@
                 self.setVertColor(parseInt(ui.value * 255 / 100));
                 self.setGradientColor();
+                self.propagate("picking", e);
             },
-            change : function() {
+            change : function(e) {
                 self.colorfieldLast.css("backgroundColor", 'rgb(' + self.currentColor.r + ',' + self.currentColor.g + ',' + self.currentColor.b + ')');
-            }
+                self.propagate("change", e);
+            },
+            stop: function(e) { self.propagate("pick", e); },
+            start: function(e) { self.propagate("start", e); }
         });     
         
@@ -84 +92 @@
                 instance: this,
                 options: this.options,
-                element: this.element               
+                element: this.element,
+                rgb: this.currentColor,
+                hex: (this.toHex(this.currentColor.r) + this.toHex(this.currentColor.g) + this.toHex(this.currentColor.b)).toUpperCase()
             };
         },
@@ -125 +135 @@
             $('input.ui-colorpicker-rgbB', this.element)[0].value = b;
             $('input.ui-colorpicker-hex', this.element)[0].value = (this.toHex(r) + this.toHex(g) + this.toHex(b)).toUpperCase();
-            currentColor = {r:r,g:g,b:b};
+            this.currentColor = {r:r,g:g,b:b};
         },
         toHex: function(color){