JSFiddle

  • css inheritence

    No-Library (pure JS), HTML, CSS, JavaScript

    abbr too big
    <div class='FormatChildren'>
        <span>Abbreviation: <abbr title='yes'>Y</abbr></span>
        <select><option>Select</option></select>
    </div>
    <br/><hr/>
    select too small
    <div class='FormatParent'>
        <span>Abbreviation: <abbr title='yes'>Y</abbr></span>
        <select><option>Select</option></select>
    </div>
    <br/><hr/>
    everything just right
    <div class='FormatREM'>
        <span>Abbreviation: <abbr title='yes'>Y</abbr></span>
        <select><option>Select</option></select>
    </div>
  • Test Mobile Site for JQuery UI

    jQuery 2.0.2, HTML, CSS, JavaScript, jQuery Mobile 1.3.1

    $( "#toggleswitch1" ).on( "slidestop", function( event, ui ) {
       //toggle visibility
       if ($('#PictureOfMe').css('visibility')=='hidden'){
           $('#PictureOfMe').css('visibility', 'visible');
       } else {
           $('#PictureOfMe').css ...
  • Change Focus #9 is the latest revision

    jQuery 2.0.2, HTML, CSS, JavaScript

    $(function() {
       // set focus
       $("#box").focus()
       // remove focus
       $("#box").blur()
    });  
  • Handling select event

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(function () {
        // listen for changes and run again
        $("#enrolled").change(function () {
            var selectedYes = $(this).val() == "yes";
            // disable for all entries except ...
  • rcarousel #96 is the latest revision

    jQuery 1.7.2, HTML, CSS, JavaScript, jQuery UI 1.8.18

    $(function () {
        $("#carousel").rcarousel({
            auto: {
                enabled: true,
                interval: 1000
            }
        });
    });
  • Shadow Screen For Popup #49 is the latest revision

    jQuery 2.0.2, HTML, CSS, JavaScript

     function doSomething() {
            alert('hi');    
        }
        $(document).ready(function() {
            $('#open').on('click', function() {
                $('#shadow').show();
                popup = window.open("", "name", "width=400, height ...
  • Open Modal #42 is the latest revision

    jQuery 2.0.2, HTML, CSS, JavaScript

    $('button').click( function() {
      window.showModalDialog("http://jsfiddle.net/KyleMit/UBUzw/1/embedded/result/", "FileUpload",                      "center:yes;resizeable=yes;dialogHeight:300px ...
  • Close Window #100 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <button onClick='window.close();' >close me</button>
  • fire onmouseover when element disabled #175 is the latest revision

    jQuery 2.0.2, HTML, CSS, JavaScript

    $(function () {
        $(".enableMouseEvent:disabled").wrap(function() {
            return '<div onmouseover="' + $(this).attr('onmouseover') + '" />';
        });
    });
    function incrementSiblingCounter(el) {
    	val = $(el).next(".counter").html(function(i, val) { return +val+1 })
    }
  • IE Dropdownbox issue

    No-Library (pure JS), HTML, CSS, JavaScript

    $(document).ready(function() {
        $('select').ieExpandSelectWidth();
    });