JSFiddle

  • date select with random classes #9 is the latest revision

    jQuery 1.4.2, HTML, CSS, JavaScript, jQuery UI 1.8.4

    var numberOfmonthds = 12;
    // prevent image on the left from being dragged
    $('img').bind('dragstart', function(event) {
        event.preventDefault();
    });
    
    
    $("#dater").datepicker ...
  • SO fiddle

    Test Fiddle mainly for SO Questions

    $(document).ready(function() {
        //displayMAIN = function () {
        //if ($('.hotspot_bub').is(':hidden')) {
        //  $("#MAIN").show();
        //}
        $("#MAIN").show();
        $('a.a_hotspot').click(function(e) {
            e.preventDefault ...
  • SO fiddle

    Test Fiddle mainly for SO Questions

    $("#MAIN").show(); 
    $('a.a_hotspot').click(function(e){
        e.preventDefault();
        $(".hotspot_bub").hide();
        $(this).next().show();
    });
    $("#MAIN").show(); 
        
    
    //THE NUMBER 1 is ...
  • jQuery UI disappearing dialog #19 is the latest revision

    jQuery 1.5.2, HTML, CSS, JavaScript, jQuery UI 1.8.9

    $(function() {
    
        $("#ajax-dialog").ajaxStart(function() {
            $.blockUI({ message: '<h1>Loading...</h1>', baseZ: 2000 });  
        });
    
        $("#ajax-dialog").ajaxStop(function() {
            $.unblockUI();
        });
    
        function runAjax() {
            $.ajax({
                type: 'POST',
                url: '/echo ...
  • jQuery UI disappearing dialog #10 is the latest revision

    jQuery 1.5.2, HTML, CSS, JavaScript, jQuery UI 1.8.9

    $(function() {
    
        $("#ajax-dialog").ajaxStart(function() {
            $(this).dialog("open");
        });
    
        $("#ajax-dialog").ajaxStop(function() {
            $(this).dialog("close");
        });
    
        function runAjax() {
            $.ajax({
                type: 'POST',
                url: '/echo ...
  • jQuery UI disappearing dialog #12 is the latest revision

    jQuery 1.5.2, HTML, CSS, JavaScript, jQuery UI 1.8.9

    $(function() {
    
        $("#ajax-dialog").ajaxStart(function() {
            $('#gender-dialog').block({ 
                    message: '<h1>Loading...</h1>', 
                    css: { border: '3px solid #a00' } 
                }); 
        });
    
        $("#ajax-dialog").ajaxStop(function() {
            $('#gender-dialog').unblock(); 
        });
    
        function runAjax ...
  • jQuery UI disappearing dialog #26 is the latest revision

    jQuery 1.5.2, HTML, CSS, JavaScript, jQuery UI 1.8.9

    $(function() {
    
        $("#ajax-dialog").ajaxStart(function() {
            $(this).dialog("open");
        });
    
        $("#ajax-dialog").ajaxStop(function() {
            $(this).dialog("close");
        });
    
        function runAjax() {
            $.ajax({
                type: 'POST',
                url: '/echo ...
  • Delay #18 is the latest revision

    jQuery 1.4.0, HTML, CSS, JavaScript, jQuery Lint (edge)

    $(document).ready(function () {
        $("tr").live('click',function(e){
            if (e.target.nodeName !== "INPUT") {
            //if ($(e.target).is('input') === false) {
               alert ...
  • Delay

    jQuery 1.7.1, HTML, CSS, JavaScript

    $(document).ready(function () {
        $('table')
            .delegate('tr', 'click', function(e) {
                alert('tr');
            })
            .delegate('input', 'click', function(e) {
                alert('input');
                e.stopPropagation();
            });    
    });
  • Delay

    jQuery 1.7.1, HTML, CSS, JavaScript

    $(document).ready(function () {
        
        $('table')
            .on('click', 'tr', function(e) {
                alert('tr');
            })
            .on('click', 'input', function(e) {
                alert('input');
                e.stopPropagation ...