harisrozak/index.html

## index.html
<html>
	<head>
		<title>Sample jQuery Plugin</title>

		<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
		<script type="text/javascript" src="plugin.js"></script>

		<script type="text/javascript">
			jQuery(document).ready(function($) {

				var plugin = $('#example').SamplePlugin({
					'separator': ", ",
	    				'nextWords': "This is my first word dude!"
				});

				$("#clickMe").click(function(){
					plugin.doAlert();
				});
			})
		</script>
	</head>
	<body>
		<div id="example"></div>

		<a href="javascript:;" id="clickMe">Click Me</a>
	</body>
</html>

## plugin.js
/**
 * Sample jQuery Plugin (boilerplate)
 *
 * @author Haris Ainur Rozak
 * @since 0.1
 */
;(function($) {

	$.SamplePlugin = function(el, opt)
	{
		var base = this;

		base.el = el;
	        base.$el = $(base.el);

	        base.$pluginWrapper = base.$el.wrap("<div class='pluginWrapper' />");
	        base.pluginVar = "Hello World!";

	        base.initialize = function()
	        {
	            base.pluginFunction();

	            base.$pluginWrapper.html(base.pluginVar + opt.separator + opt.nextWords);
	        }

	        base.pluginFunction = function()
	        {
	            base.pluginVar = "Me Haris, " + base.pluginVar;
	        }
	}


	/**
	 * Implementation
	 */

	$.SamplePlugin.defaults = {
	    'separator': ", ",
	    'nextWords': "This is my first word"
	}

	$.fn.SamplePlugin = function(options)
	{
		var base = this;
		var opt = $.extend({}, $.SamplePlugin.defaults, options);
		var plugin = new $.SamplePlugin(base, opt);

		base.doAlert = function()
		{
	            alert(plugin.pluginVar);
	        }

	        base.each(function() {
	            plugin.initialize();
	        });

	        return base;
	};

})(jQuery);
	<html>
	<head>
	<title>Sample jQuery Plugin</title>

	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
	<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="plugin.js"></script>

	<script type="text/javascript">
	jQuery(document).ready(function($) {

	var plugin = $('#example').SamplePlugin({
	'separator': ", ",
	'nextWords': "This is my first word dude!"
	});

	$("#clickMe").click(function(){
	plugin.doAlert();
	});
	})
	</script>
	</head>
	<body>
	<div id="example"></div>

	<a href="javascript:;" id="clickMe">Click Me</a>
	</body>
	</html>
	/**
	* Sample jQuery Plugin (boilerplate)
	*
	* @author Haris Ainur Rozak
	* @since 0.1
	*/
	;(function($) {

	$.SamplePlugin = function(el, opt)
	{
	var base = this;

	base.el = el;
	base.$el = $(base.el);

	base.$pluginWrapper = base.$el.wrap("<div class='pluginWrapper' />");
	base.pluginVar = "Hello World!";

	base.initialize = function()
	{
	base.pluginFunction();

	base.$pluginWrapper.html(base.pluginVar + opt.separator + opt.nextWords);
	}

	base.pluginFunction = function()
	{
	base.pluginVar = "Me Haris, " + base.pluginVar;
	}
	}


	/**
	* Implementation
	*/

	$.SamplePlugin.defaults = {
	'separator': ", ",
	'nextWords': "This is my first word"
	}

	$.fn.SamplePlugin = function(options)
	{
	var base = this;
	var opt = $.extend({}, $.SamplePlugin.defaults, options);
	var plugin = new $.SamplePlugin(base, opt);

	base.doAlert = function()
	{
	alert(plugin.pluginVar);
	}

	base.each(function() {
	plugin.initialize();
	});

	return base;
	};

	})(jQuery);