[Advanced] Viết plugin cho jQuery - Nâng cao

<script language="javascript" type="text/javascript" src="scripts/jQuery.js"></script>
<script language="javascript" type="text/javascript" src="scripts/jQueryUI.js"></script>

(function($)
	{
	//Code custom jQuery nằm ở đây.
	})(jQuery);

//Hàm fly này sẽ làm cho đối tượng resize kích thước 600 x 600
//Và bay qua bên phải góc màn hình
//Trong thời gian 2000 mili giây
//Tuy nhiên trước khi thực hiện nó sẽ gán position: "absolute" để có thể bay
//Và sau khi bay xong, giảm kích thước width và height đi 400
//Rồi bay ngược về góc trái màn hình trong thời gian gấp đôi ban đầu
//Và xuất hiện hộp thông báo alert("Đã hoàn tất") sau khi hoàn tất bay.
$("#test").fly(
	{
	precss: {position: "absolute", background: "#000000"},
	css: {width: 600, height: 600, top: 0, right: 0},
	time: 2000,
	callback: function(settings)
		{
		var w=settings["css"]["width"]; var h=settings["css"]["height"];
		var t=settings["time"];
		this.fly(
			{
			css: {width: w-400, height: h-400, top: 0, left: 0},
			time: t*2,
			callback: function()
				{
				alert("Da hoan tat!");
				}
			});
		}
	});

(function($)
	{
	$.fn.fly=function(){};
	$.fn.flyAgain=function(){};
	$.fn.flyAgainAgain=function(){};
	})(jQuery);

$("#test").fly();
$("#test").flyAgain();
$("#test").flyAgainAgain();

$("#test").fly();
$("#test").fly("again");
$("#test").fly("againAgain");

(function($)
	{
	methods=//Khởi tạo mảng chứa các hàm
		{
		init: function()
			{
			//Code for $("selector").fly()
			},
		doSomething: function()
			{
			//Code for $("selector").fly("doSomething")
			}
		}
	$.fn.fly=function(m)//Khởi tạo hàm khi gọi $("selector").fly, nhận vào giá trị m
		{
		if(methods[m])//Nếu hàm methods[m] tồn tại (phía trên)
			{//Thực thi hàm cùng với tất cả các tham số
			return methods[m].apply(this,Array.prototype.slice.call(arguments,1));
			}
		else if(typeof m=="object"||!m)//Nếu như không có gì truyền vào
			{//Thực thi methods["init"]
			return methods.init.apply(this,arguments);
			}
		else//Khác
			{//Thông báo hàm không tồn tại
			alert("Method "+m+" does not exist!");
			}
		}
	})(jQuery);

methods=
	{
	init: function()
		{
		alert(this.id);
		}
	}

<div id="test"></div>

$(document).ready(function()
	{
	$("#test").fly();
	}

methods=
	{
	init: function(parameter)
		{
		alert(parameter);
		}
	}

$(document).ready(function()
	{
	$("#test").fly("HELLO");
	}

var a={name: "WHATEVER", age: 17};

var a=new Array();
a["name"]="WHATEVER";
a["age"]=17;

methods=
	{
	init: function(parameters)
		{
		//Nhớ rằng parameters lúc này là 1 mảng
		alert(parameters["message"]+this.id);
		}
	}

$(document).ready(function()
	{
	$("#test").fly(
		{
		message: "My id is "
		});
	}

$(document).ready(function()
	{
	$("#test").fly(
		{
		message: "My id is "
		});
	}

methods=
	{
	init: function(parameters)
		{
		this.each(function()//Hàm này dùng để chạy lần lượt theo tất cả các phần tử được chọn
			{
			alert(parameters["message"]+this.id);
			});
		}
	}

var message=(!parameters["message"]) ? "Mặc định " : parameters["message"];
//Hay
if(!parameters["message"])
	{message="Mặc định ";}
else
	{message=parameters["message"];}

init: function(parameters)
	{
	//Nếu message không tồn tại, thì trộn nó với message mặc định, nếu tồn tại thì thôi.
	var defaults={message: "Mặc định "}; parameters=$.extend({}, defaults, parameters);

	this.each(function()
		{
		alert(parameters["message"]+this.id);
		});
	}

init: function(parameters)
	{
	var defaults={precss: {}, css: {}, time: 2000, callback: function(){}};
	parameters=$.extend({}, defaults, parameters);

	this.each(function()
		{
		//Code sẽ nằm ở đây
		});
	}

init: function(parameters)
	{
	this.each(function()
		{
		alert(this.id);//Dùng this.id nha
		alert($(this).attr("id"));//Thế tại sao ở đây lại dùng $(this)????
		});
	}

init: function(parameters)
	{
	var defaults={precss: {}, css: {}, time: 2000, callback: function(){}};
	parameters=$.extend({}, defaults, parameters);

	this.each(function()
		{
		//Đặt tên 1 biến để dễ tham chiếu nào
		//Đầu tiên đặt css cho đối tượng, lấy thông tin từ precss của parameters
		//Tiếp theo cho đối tượng bay nhảy gì gì đó tùy ý, dùng .animate() của jQuery, dùng css và time của parameters
		//Cuối cùng là gọi hàm callback sau khi animate() xong, dùng callback của parameters
		});
	}

init: function(parameters)
	{
	var defaults={precss: {}, css: {}, time: 2000, callback: function(){}};
	parameters=$.extend({}, defaults, parameters);

	this.each(function()
		{
		//Đặt tên 1 biến để dễ tham chiếu nào
		var obj=$(this);//Nhớ rằng mình dùng hàm của jQuery, nên phải biến nó thành object
		//Đầu tiên đặt css cho đối tượng, lấy thông tin từ precss của parameters
		obj.css(parameters["precss"]);
		//Tiếp theo cho đối tượng bay nhảy gì gì đó tùy ý, dùng .animate() của jQuery, dùng css và time của parameters
		obj.animate(parameters["css"], parameters["time"]);
		//Cuối cùng là gọi hàm callback sau khi animate() xong, dùng callback của parameters
		});
	}

function saySomething(a)
	{
	alert(a);
	}
saySomething.call(this, "HELLO");

init: function(parameters)
	{
	var defaults={precss: {}, css: {}, time: 2000, callback: function(){}};
	parameters=$.extend({}, defaults, parameters);

	this.each(function()
		{
		//Đặt tên 1 biến để dễ tham chiếu nào
		var obj=$(this);//Nhớ rằng mình dùng hàm của jQuery, nên phải biến nó thành object
		//Đầu tiên đặt css cho đối tượng, lấy thông tin từ precss của parameters
		obj.css(parameters["precss"]);
		//Tiếp theo cho đối tượng bay nhảy gì gì đó tùy ý, dùng .animate() của jQuery, dùng css và time của parameters
		obj.animate(parameters["css"], parameters["time"], function(){
			//Cuối cùng là gọi hàm callback sau khi animate() xong, dùng callback của parameters
			if(typeof parameters["callback"]=="function")//Kiểm tra coi có phải là hàm ko
				{
				parameters["callback"].call(this, null);//Không có tham số nào được truyền vào.
				}
			});
		});
	}

$("#test").fly(
	{
	precss: {position: "absolute", background: "#000000"},
	css: {width: 600, height: 600, top: 0, right: 0},
	time: 2000,
	callback: function(settings)
		{
		var w=settings["css"]["width"]; var h=settings["css"]["height"];
		var t=settings["time"];
		this.fly(
			{
			css: {width: w-400, height: h-400, top: 0, left: 0},
			time: t*2,
			callback: function()
				{
				alert("Da hoan tat!");
				}
			});
		}
	});

parameters["callback"].call(this, null);

parameters["callback"].call(this, parameters);

(function($)
	{
	xm=
		{
		init: function(o, d)//Options, Defaults to merge
			{
			o=(o!="" && o!=null) ? o : {}; d=(d!=""&&d!=null) ? d : {};
			return $.extend({},d,o);
			},
		exec: function($_)//[Function and parameters callback]
			{
			var defaults={func: function(){}, parameters: null, callback: null}; $_=this._($_, defaults);
			f=$_["func"]; p=($_["parameters"]==undefined) ? null : $_["parameters"]; cb=$_["callback"];
			
			if(typeof f=="function"){f.call(this, p);}
			else{this._("error", {error: "Not a [function]"});}
			
			//Call back
			if(cb){this._("exec", {func: cb});}
			},
		error: function($_)//[Error]
			{
			var defaults={error: null}; $_=this._($_, defaults); e=$_["error"];
			if(e){this._.errors=(this._.errors!=null) ? this._.errors+"
 [AND] 
"+e : e;}else{return this._.errors;}
			},
		data: function($_)//[Name Data]
			{
			var defaults={name: null, data: null}; $_=this._($_, defaults);
			var d=$_["name"], v=$_["data"];
			this._.data=(this._.data==null) ? {} : this._.data;
			if(d && v){this._.data[d]=v;}else{return this._.data[d];}
			}
		};
	$.fn.x=$.fn._=function(m){if(xm[m]){this._.errors=(!this._.errors)?null:this._.errors;return xm[m].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof m=="object"||!m){this.errors=(!this.errors)?null:this.errors;return xm.init.apply(this,arguments)}else{this.errors=(!this.errors)?null:this.errors;this._("error", {error: "Method "+m+" does not exist"})}}
	})(jQuery);

(function($)
	{
	methods=
		{
		init: function(parameters)
			{
			var defaults={precss: {}, css: {}, time: 2000, callback: function(){}};
			parameters=this._(parameters, defaults);

			this.each(function()
				{
				var obj=$(this);

				obj.css(parameters["precss"]);
				obj.animate(parameters["css"], parameters["time"], function()
					{
					this._("exec", {func: parameters["callback"], parameters: parameters});
					});
				});
			}
		}
	$.fn.fly=function(m)
		{
		if(methods[m])
			{return methods[m].apply(this,Array.prototype.slice.call(arguments,1));}
		else if(typeof m=="object"||!m)
			{return methods.init.apply(this,arguments);}
		else
			{
			this._("error", {error: "Method "+m+" does not exist!"});
			alert(this._("error"));
			}
		}
	})(jQuery);