JSFiddle

  • fire onmouseover when element disabled #176 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();
    });
    
  • IE DropDown Issue #14 is the latest revision

    jQuery 2.0.2, HTML, CSS, JavaScript

    /* This is our inline script used to modify the behaviour of the combo boxes under IE
     * Feel free of course ...
  • IE8 DropDown Issue #4 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    if (!$.support.leadingWhitespace) { // if IE6/7/8
        $('select.wide')
            .bind('focus mouseover', function() { $(this).addClass('expand').removeClass('clicked'); })
            .bind('click ...
  • James Test #5 is the latest revision

    jQuery 2.0.2, HTML, CSS, JavaScript

    $(function() {
    setTimeout(function(){alert('James is the King!!!')},10000);
    });
  • First Block Color

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

    <div class='first_block front'></div>
  • Highlighting Navbar

    This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

    <ul id="navbar">
    <li class="navgroup">
        <ul>
            <li class="navicon"><i class="icon-home"></i></li>
            <li class="navname">Home</li>
        </ul>
    </li>
    <li class="navgroup">
        <ul>
            <li class="navicon"><i class="icon-info-sign"></i></li>
            <li class="navname">Information</li>
        </ul>
    </li>
    <li class="navgroup">
        <ul>
            <li class="navicon"><i class="icon-briefcase"></i></li>
            <li class="navname">Contact</li>
        </ul>
    </li>
    </ul>
  • Replace Carousel Arrow #15 is the latest revision

    This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

    $(function() {
        $('#myCarousel > a[data-slide="prev"]').html('<img src="http://i.imgur.com/QPWSDdP.png" >');
        $('#myCarousel > a[data-slide="next"]').html('<img class="flipped" src="http://i.imgur.com/QPWSDdP.png" >');
    });
  • FieldSet Issue #5 is the latest revision

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

    <div class="body-content">
        <fieldset class="EntryFieldSet">
            <legend id="ScreeningTitle"> Screening:</legend>
            <br/><br/>
        </fieldset>
    </div>
  • Boxed Layout #20 is the latest revision

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

    <fieldset class="EntryFieldSet"><legend id="ScreeningTitle">Screening:</legend>
    <div class="floatbox">
        <label>Screening Type:</label>
        <select></select>
    </div>
    <div class="floatbox">
        <label>Date:</label>
        <input type='text' />
    </div>
    <div class="floatbox">
        <label>Place of Screening:</label>
        <select></select>
    </div>
    <div class="floatbox">
        <label>Screener Initials:</label>
        <select></select>
    </div>
    <br/>
    <div class="floatbox">
        <label>Right Ear Results:</label>
        <select></select>
    </div>
    <div class="floatbox">
        <label>Right Ear Technology:</label>
        <select></select>
    </div>
    <div class="floatbox">
        <label>Left Ear Results:</label>
        <select></select>
    </div>
    <div class="floatbox">
        <label>Left Ear ...</label></div></br/></fieldset>