JSFiddle

  • 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 ...