updated event model (again). more suitable for "normal" jQuery users. will be documented later.

Author: Tero Piirainen

release-notes/version-1.2.0.txt

@@ -12,7 +12,15 @@ Fundamental changes
 
 all tools
 	- support for lazyloading
-	
+	- new event model
+		- tabs(number) support is removed
+		- api: property is deprecated. use data("tabs") instead --> was a bit forced to do this
+		- tabs() is deprecated. use data("tabs") instead  
+		- jQuery bind, unbind and one methods can be used (with namespacing + multiple instances at once)
+	- new versioning scheme
+	- new global configuration structure
+		
+		
 tabs
 	- history as configuration option
 	- lazyload flag
@@ -37,7 +45,9 @@ mask
 overlay
 	- removed deprecated getContent method
 	- removed the gallery plugin
+	- onStart event is now deprecated. use onBeforeLoad instead
 
-	
+scrollable
+	- onStart is deprecated
 
 

src/1.3.0/form/form.upload.js

@@ -12,12 +12,10 @@
  */
 (function() {
 
-	$.tools = $.tools || {};
+	$.tools = $.tools || {version: '@VERSION'};
 
 	var tool = $.tools.upload = {
 
-		version: '@VERSION',
-		
 		conf: {
 			pagepath: '/setup/upload/',
 			buttonText: 'Select file',

src/form/form.datepicker.js

@@ -18,12 +18,9 @@
 */ 
 (function($) {	
 
-	$.tools = $.tools || {};
-	$.tools.form = $.tools.form || {};
+	$.tools = $.tools || {version: '@VERSION'};
 
-	var instances = [], tool = $.tools.form.datepicker = {
-		
-		version: '@VERSION',  
+	var instances = [], tool = $.tools.datepicker = {
 
 		conf: { 
 			format: 'mm/dd/yy',
@@ -143,8 +140,7 @@
 	function Datepicker(input, conf)  { 
 
 		// variables
-		var self = this,
-			 $self = $(this).add(input),			  
+		var self = this,  
 			 css = conf.css,
 			 labels = LABELS[conf.lang],
 			 root = $("#" + css.root),
@@ -165,6 +161,8 @@
 		input.replaceWith(tmp);
 		input = tmp;
 
+		var fire = input.add(this);
+		
 		// default value
 		if (value) {			
 			input.data("date", value);			
@@ -224,15 +222,15 @@
 
 			// onBeforePick
 			e.type = "onBeforePick"; 
-			$self.trigger(e, [date]); 
+			fire.trigger(e, [date]); 
 			if (e.isDefaultPrevented()) { return; }
 
 			// formatting			
 			input.val(format(date, conf.format, conf.lang));
 
 			// onPick
 			e.type = "onPick";
-			$self.trigger(e, [date]);
+			fire.trigger(e, [date]);
 
 			// store date
 			input.data("date", date);
@@ -499,12 +497,12 @@
 			},
 
 			bind: function(name, fn) {
-				$self.bind(name, fn);
+				$(self).bind(name, fn);
 				return self;	
 			},	
 
 			unbind: function(name) {
-				$self.unbind(name);
+				$(self).unbind(name);
 				return self;	
 			}, 
 
@@ -534,28 +532,26 @@
 				return self.bind(name, fn);	
 			};
 		});		
-	}
-	
-
+	} 
 
 
 	$.fn.datepicker = function(conf) {   
 
 		// return existing instance
-		var el = this.eq(typeof conf == 'number' ? conf : 0).data("datepicker");
+		var el = this.data("datepicker"), els;
 		if (el) { return el; } 
 
 		// configuration
-		var globals = $.extend({}, tool.conf); 
-		conf = $.extend(globals, conf);		
+		conf = $.extend({}, tool.conf, conf);		
 
 		this.each(function() {									
 			el = new Datepicker($(this), conf);
 			instances.push(el);
-			$(this).add(el.getInput()).data("datepicker", el);
+			var input = el.getInput().data("datepicker", el);
+			els = els ? els.add(input) : input;	
 		});		
-		
-		return conf.api ? el: this;		
+	
+		return conf.api ? el : els;		
 	}; 
 
 

src/form/form.slider.js

@@ -21,10 +21,9 @@
 
 (function($) {
 
-	$.tools = $.tools || {};
+	$.tools = $.tools || {version: '@VERSION'};
 
 	var current, tool = $.tools.slider = {
-		version: '@VERSION',
 
 		conf: {
 			min: 0,
@@ -59,63 +58,47 @@
 	}
 
 
-	function Slider(el, conf) {
-		
-		var root, input; 
-		
-		// construct slider from the range input
-		if (el.is("input")) {
-			
-			input = el;
-			root = $("<div><div/><a/></div>");
-			
-			root.addClass(conf.sliderClass).find("a").addClass(conf.handleClass);
-			
-			// progress is not required			
-			if (conf.progressClass)  {
-				root.find("div").addClass(conf.progressClass);
-			}				
-			
-			// get (HTML5) attributes
-			$.each("min,max,size,step,value".split(","), function(i, key) {
-				var val = input.attr(key);
-				conf[key] = parseFloat(val, 10);
-			});			
-						
-			input.before(root);			
-			
-			if (conf.hideInput) { 
-				input.hide();
-				
-			} else {
-				
-				/*
-					with JavaScript we don't want the HTML5 range element 
-					NOTE: input.attr("type", "text") throws exception by the browser
-				*/
-				var tmp = $('<input/>')
-					.attr("type", "text")
-					.addClass(input.attr("className"))
-					.attr("name", input.attr("name"))
-					.attr("disabled", input.attr("disabled"));					
-
-				input.replaceWith(tmp);
-				input = tmp;
-			}			
-		}
+	function Slider(input, conf) {
 
 		// private variables
-		var self = this, 
-			 $self = $(this), 
-			 progress = root.find("." + conf.progressClass), 
-			 handle = root.find("." + conf.handleClass),	
+		var self = this,  
+			 root = $("<div><div/><a/></div>"),	
 			 range = conf.max - conf.min,
 			 value,
 			 callbacks,
 			 origo,
 			 len,
-			 pos;
+			 pos,
+			 progress,
+			 handle;		
+			 
 
+		input.before(root);	
+		handle = root.addClass(conf.sliderClass).find("a").addClass(conf.handleClass);
+		progress = root.find("div").addClass(conf.progressClass);  
+		
+		// get (HTML5) attributes
+		$.each("min,max,size,step,value".split(","), function(i, key) {
+			var val = input.attr(key);
+			conf[key] = parseFloat(val, 10);
+		});			   
+		
+		/*
+			with JavaScript we don't want the HTML5 range element 
+			NOTE: input.attr("type", "text") throws exception by the browser
+		*/
+		var tmp = $('<input/>')
+			.attr("type", "text")
+			.addClass(input.attr("className"))
+			.attr("name", input.attr("name"))
+			.attr("disabled", input.attr("disabled"));					
+
+		input.replaceWith(tmp);
+		input = tmp;
+		
+		if (conf.hideInput) { input.hide(); }
+			 
+		var fire = input.add(this);
 
 		function init() {
 			var o = handle.offset();
@@ -159,7 +142,7 @@
 				value = v;	
 				e = e || $.Event();
 				e.type = "onSlide";
-				$(self).trigger(e, [v]);
+				fire.trigger(e, [v]);
 			}
 
 			// move handle & resize progress
@@ -242,12 +225,12 @@
 
 			// callback functions
 			bind: function(name, fn) {
-				$self.bind(name, fn);
+				$(self).bind(name, fn);
 				return self;	
 			},	
 
 			unbind: function(name) {
-				$self.unbind(name);
+				$(self).unbind(name);
 				return self;	
 			}	
 
@@ -271,10 +254,10 @@
 		// dragging		
 		handle.bind("dragstart", function(e) {	
 
-			if (input.is(":disabled")) { return false; }
-			
+			if (input.is(":disabled")) { return false; } 
 			e.type = "onBeforeSlide";
-			$self.trigger(e);
+			
+			fire.trigger(e);
 			if (e.isDefaultPrevented()) { return false; }			
 			init();	
 
@@ -285,7 +268,7 @@
 
 		}).bind("dragend", function(e) {
 			e.type = "onSlideEnd";
-			$self.trigger(e);			
+			fire.trigger(e);			
 
 		}).click(function(e) {
 			return e.preventDefault();	
@@ -297,7 +280,7 @@
 			if (input.is(":disabled")) { return false; }	
 
 			e.type = "onBeforeSlide";
-			$self.trigger(e);			
+			fire.trigger(e);			
 			if (e.isDefaultPrevented()) { return false; } 
 			init(); 
 
@@ -306,20 +289,14 @@
 			seek(conf.vertical ? origo - e.pageY + fix : e.pageX - origo - fix, e);
 
 			e.type = "onSlideEnd";
-			$self.trigger(e);			 			
+			fire.trigger(e);			 			
 		});
+
+		self.onSlide(function(e, val)  {
+			input.val(val);		
+		});   
 
-		
-		if (input) {
-			self.onSlide(function(e, val)  {
-				input.val(val);		
-			});  
-		}
-		
-		if (conf.value) {
-			self.setValue(conf.value || conf.min);	
-		}		
-		
+		self.setValue(conf.value || conf.min);	 
 	}
 
 	if (tool.conf.keyboard) {
@@ -366,24 +343,23 @@
 	$.fn.slider = function(conf) {
 
 		// return existing instance
-		var el = this.eq(typeof conf == 'number' ? conf : 0).data("slider");
+		var el = this.data("slider"), els;
 		if (el) { return el; }
 
 		if (typeof conf == 'number') {
 			conf = {max: conf};
 		}
 
 		// extend configuration with globals
-		var globals = $.extend({}, tool.conf);
-		conf = $.extend(globals, conf);		
+		conf = $.extend({}, tool.conf, conf);		
 
 		this.each(function() {				
-			var root = $(this);
-			el = new Slider(root, $.extend({}, conf));			
-			root.add(el.getInput()).data("slider", el);
+			el = new Slider($(this), $.extend({}, conf));		 
+			var input = el.getInput().data("slider", el);
+			els = els ? els.add(input) : input;	
 		});		
 
-		return conf.api ? el: this;		
+		return conf.api ? el : els;		
 	};