Bits And Pix

<script type="text/javascript">
 $(document).ready(function(){
	var paper = Raphael("rtest", 320, 200);
	var circle = paper.circle(50, 40, 30);
	circle.attr({
  	 "stroke": "#336699",
	  "fill": "#fbfbfb"
	});

	$(circle.node).click(function(){
		var circle = this.raphael;

                //Toggle the circle fill color
                if (circle.attr("fill") == "#333333") {
		     circle.attr("fill", "#fbfbfb");
                } else {
		     circle.attr("fill", "#333333");
		}
	});
});
</script>

$("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);

$("#screenerDatePickers input").datepicker({ duration: '' });

 var colIdx = 2;
$('#myTable tr td:nth-child('+ colIdx  +'),
   #myTable tr th:nth-child('+ colIdx  +')').remove();

$(”.draggableElement”).draggable({
helper: function(){
return $(this).clone().width($(this).width());
},
revert: “invalid”
});

$.get("test.cgi", { name: "John", time: "2pm" },
     function(data){
      alert("Data Loaded: " + data);
});

$("input").keypress(function (e) {
  if (e.which == 13){
     alert("You have pressed Enter");
  }
}