Bruce D Kyle devdays

## CallingTheTrigger.html
<script>
    var theClicker = $("#myClicker").clicker({
        isUpdated: function (event, data) {
            console.log("isOneHundredOne");
            alert("Is " + data.myValue);
        }
    });

    theClicker.clicker({ newValue: 101 });
</script>

## callingWidgetWithSetOptions
myClicker.clicker( { currentValue: 100 } );
newCurrentValue = myClicker.clicker("currentValue");
alert(newCurrentValue);

## addMethod.js
(function ($) {
    $.widget("custom.clicker", {

        // Default options.
        options: {
            startingValue: 0,
            _currentValue : 0
        },

        // _create and other methods to access properties ommitted ..

## callingGettersAndSetters.html
    <script>
        // initializing the startingValue
        var myClicker = $("#myClicker").clicker({ startingValue: 4 });
        // getting the startingValue
        alert(myClicker.clicker("startingValue"));

        // setting the currentValue
        myClicker.clicker("currentValue", 7);

        // getting the currentValue

## jquerywidget-clicker-0.0.1.js
(function ($) {
    $.widget("custom.clicker", {

        // Default options.
        options: {
            startingValue: 0
        },

        _create: function () {
            var startingValue = this.options.startingValue;

## jquerywidget-clicker-0.0.1.js
(function ($) {
    $.widget("custom.clicker", {
        _create: function () {
            var startingValue = this.options.startingValue;
            this.element.text("The starting value is " + startingValue);
        }
    });
}(jQuery));

## passingOptionValues.js
$("#myClicker").clicker( {
    startingValue: 4
});

## clickewidget.html
<!DOCTYPE html>
<html>
<head>
    <title>Clicker</title>
</head>
<body>
    <div id="myClicker">
    </div>

    <script src="Scripts/jquery-2.1.3.js"></script>

## jQueryPlugInSample.html
<!DOCTYPE html>
<html>
<head>
    <title>Footnoter</title>
</head>
<body>
    <p id="myParagraph">
        In up so discovery my middleton eagerness dejection explained. Estimating excellence ye contrasted
        insensible as. Oh up unsatiable <span class="footnote">Unpacked reserved sir.</span> interested.
        Present suppose in esteems indemesne colonel it to. End horrible she landlord screened stanhill.

## setting-options.js
$.fn.footnote = function (options) {

    // This is the easiest way to have default options.
    var settings = $.extend({
        // These are the defaults.
        color: "blue",
        referencesLocation: "#references"
    }, options);

    // use the options
	<script>
	var theClicker = $("#myClicker").clicker({
	isUpdated: function (event, data) {
	console.log("isOneHundredOne");
	alert("Is " + data.myValue);
	}
	});

	theClicker.clicker({ newValue: 101 });
	</script>
	myClicker.clicker( { currentValue: 100 } );
	newCurrentValue = myClicker.clicker("currentValue");
	alert(newCurrentValue);
	(function ($) {
	$.widget("custom.clicker", {

	// Default options.
	options: {
	startingValue: 0,
	_currentValue : 0
	},

	// _create and other methods to access properties ommitted ..
	<script>
	// initializing the startingValue
	var myClicker = $("#myClicker").clicker({ startingValue: 4 });
	// getting the startingValue
	alert(myClicker.clicker("startingValue"));

	// setting the currentValue
	myClicker.clicker("currentValue", 7);

	// getting the currentValue
	(function ($) {
	$.widget("custom.clicker", {
	_create: function () {
	var startingValue = this.options.startingValue;
	this.element.text("The starting value is " + startingValue);
	}
	});
	}(jQuery));
	<!DOCTYPE html>
	<html>
	<head>
	<title>Clicker</title>
	</head>
	<body>
	<div id="myClicker">
	</div>

	<script src="Scripts/jquery-2.1.3.js"></script>
	$.fn.footnote = function (options) {

	// This is the easiest way to have default options.
	var settings = $.extend({
	// These are the defaults.
	color: "blue",
	referencesLocation: "#references"
	}, options);

	// use the options