JSFiddle

  • learning floats

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

    <div id="popup-body" class="popup">
        <div class="new-Row"></div>
    </div>
  • Relate MessageBox #5 is the latest revision

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

    No code. How about adding some?
  • Insert Message box #8 is the latest revision

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

    <div id="popup">
    <h2>Add an Car</h2>
                <div class="new-Row">
                    <Label> Title </Label>
                    <input type="Text" />
                </div>
                <div class="new-Row">
                   <Label> Description </Label>
                    <textarea rows="5" > </textarea>
                </div>
                <div class="new-Row center">
                    <input type="button" id="Button1" value="Insert" class="button" />
                    <input type="button" id="Button2" value="Cancel" class="button" />
                </div>
    </div>
  • MessageBox #9 is the latest revision

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

    <div id="delete-obj-popup" class="dialog">
        <div class="popup-header">Delete this Fruit</div>
        <div class="popup-body">Would you like to delete this Fruit?</div>
        <div class="popup-button">
            <input type="button" class="button" id="yes" value="Yes" onclick="abc()" />
            <input type="button" class="button" id="no" value="No" onclick="abc2()" />
        </div>
    </div>
  • Layout with colors #5 is the latest revision

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

    <div class="main">
        <div class="header"></div>
        <div class="body">
            <div class="leftside">
                <div class="realcontent">
                    <div class="realcontent-1">
                        <Label>Label 1</Label>
                    </div>
                    <div class="realcontent-1">
                        <Label>Label 2</Label>
                    </div>
                    <div class="realcontent-1">
                        <Label>Label 2</Label>
                    </div>
                    <div class="realcontent-1">
                        <Label>Label 2</Label>
                    </div>
                    <div class="realcontent-1">
                        <Label>Label 2</Label>
                    </div>
                    <div class="realcontent-1">
                        <Label>Label 2</Label>
                    </div>
                    <div class="realcontent-1">
                        <Label>Label 3</Label>
                    </div>
                </div>
                <div class="realcontent-2">
                    <Label>Label 7</Label>
                </div>
            </div>
            <div class="rightside">
                <div class="realcontent">
                    <div class="realcontent-1">
                        <Label>Label 4</Label>
                    </div>
                    <div class="realcontent-1">
                        <Label>Label 5 ...</label></div></div></div></div></div>
  • Boxes and Checks fadeout #1 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript, jQuery UI 1.9.2

    var ccbb = document.getElementById('checkbox');
    
    ccbb.onchange = function() {
        if( this.checked ) {
           $('#a,#b,#c').fadeOut('fast');
        }
        else
             $('#a,#b,#c ...