Bits And Pix

$("input[name='First Name']").focus().select();

$("#parentDiv").bubbleBind("span","click",function(){
            alert("you clicked on an span tag: " + $(this).html());
});

(function($) {

  /**
   * Allow to bind a bubbled-event at the parent level for a given child (matching the childSelector).
   * The selected element(s) will be considered the parent(s), and the childSelector will filter the target element.
   * If, an only if, the target match the childSelector, then, the handler will be called. The key work "this" will
   * point to the target document element (as in jQuery bind)
   *
   * Example:
   * 	$("#parentDiv").bubbleBind("span","click",function(){
   *            alert("you clicked on an span tag: " + $(this).html());
   *    });
   *
   * @param {String} childSelector the jQuery selector for the targeted child. This will be use in $target.is(childSelector)
   * @param {String} a jQuery evenType (same a jQuery bind)
   * @param {Function} the handler function
   *
   * TODO: need to support eventData
   */
  $.fn.bubbleBind = function(childSelector,eventType,handler) {

      // iterate and reformat each matched element
      return this.each(function() {
  		  var $parentElement = $(this);

  		  //bind the even to the parent
  		  $parentElement.bind(eventType,function(event){

  		  	//get the target and test the target against the childSelector
  		  	var $target = $(event.target);
    			if ($target.is(childSelector)){
    				// If matched, call the handler method using the target html element as reference
    				// Note: Might be a smarter and more conventional way to do this. Feel free to suggest.
    				$target.get(0).bubbleBindHandler = handler;
    				$target.get(0).bubbleBindHandler(event);
    			}
  		  });	 				

      }); 

   }; 

})(jQuery);

(function($) {

  /**
   * Skeleton for jQuery plugin
   * @param {Object} options
   */
  $.fn.samplePlugin = function(options) {

      // extends options with the default one
      var opts = $.extend({}, $.fn.samplePlugin.defaults, options);

      // iterate and process each matched element
      return this.each(function() {
          var $this = $(this); // jQuery object for this element
          //do what is needed
      }); 

   }; 

  // samplePlugin default options
  $.fn.samplePlugin.defaults = {};

})(jQuery);

var tweeturl = "http://search.twitter.com/search.json?count=2&q=HAITI&callback=?";
  $.getJSON(tweeturl, function(data){
	      $.each(data.results, function(i, item) {
		    $('<p></p>')
		        .addClass(i%2 ? 'even' : 'odd')
		        .html(item.text)
			.prepend("<img src='" + item.profile_image_url + "' />")
		        .appendTo('#testDiv');

		  });
  });

{
   "results":[
      {
         "profile_image_url":"http://a1.twimg.com/profile_images/339499068/LaCroixLogoBlu2_normal.jpg",
         "created_at":"Mon, 08 Mar 2010 02:16:46 +0000",
         "from_user":"LaCroixChurch",
         "to_user_id":null,
         "text":"Geaux Haiti! "Far Away" by Lecrae... Powerful song for a honorable cause. Keep praying for Haiti brothers and... http://bit.ly/bbc7Za",
         "id":10148624077,
         "from_user_id":31526514,
         "geo":null,
         "iso_language_code":"en",
         "source":"<a href="http://www.facebook.com/twitter" rel="nofollow">Facebook</a>"
      },
   .....