JSFiddle

  • IE DropDown Issue #13 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>
  • Bootstrap Skeleton #34 is the latest revision

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

    <div class="span8 progressContainer">
        <span class="badge pull-left">X</span>
        <div class="progress span6" >
            <div class="bar" style="width:10%;"></div>
        </div>
        <span class="badge">0</span>
    </div>
    
    
    
    
    
    
    
    
    
    
    
    
    <!-- Post Info -->
    <div style='position:fixed;bottom:0;left:0;    
                background:lightgray;width:100%;'>
        About this SO question: <a href='http://stackoverflow.com/q/17599145/1366033'>Twitter Bootstrap ProgressBar with Badge on left and right</a><br/>
    <div>
  • IsDirty Web Form #1 is the latest revision

    jQuery 1.10.1, HTML, CSS, JavaScript

    var data = '';
    $(function () {
        data = $('form').serialize();
    });
    
    window.onbeforeunload = function () {
        if ($('form').serialize() !== data) {
            return 'You have unsaved changes. Are you ...