JSFiddle

  • [Fix] How to print array to HTML page in javascript #1 is the latest revision

    [Fix] How to print array to HTML page in javascript

    var txt = " ";
    var basket = {
      item1: "rice",
      item2: "salt",
      item3: "banana",
      item4: "cake",
      item5: "apple",
      item6: "grape",
      item7: "meat",
      item8: "mango ...
  • [Demo] Detect Changes to Default Value of Spectrum Colorpicker #17 is the latest revision

    Detect Changes to Default Value of Spectrum Colorpicker

    $(document).ready(function() {
      $('#colorpicker').spectrum({
        showInput: true,
        preferredFormat: "hex"
      });
    
      $('.sp-container .sp-input').each(function() {
        this.defaultValue = this.value;
      });
    });
    
    function CheckForChanges() {
      if ...
  • [Demo] DatePicker ChangeMonth and ChangeYear Example

    [Demo] DatePicker ChangeMonth and ChangeYear Example

    $(function() {
      $("#dob").datepicker({
        changeMonth: true,
        changeYear: true
      });
    });
  • [Demo] DropDownList with Default Text not as a Selectable Option

    [Demo] DropDownList with Default Text not as a Selectable Option

    <select>
        <option selected="true" style="display:none;">--Select--</option>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
        <option value="5">Five</option>
    </select>
  • [Demo] Select All Text in a TextBox on focus #16 is the latest revision

    [Demo] Select All Text in a TextBox on focus

    // Select all test inside Password and Confirm Password textboxes, when user click on them.
    $('#txtPassword').on('focus', function () {
        this.selectionStart ...
  • [Issue] Div beside another Div

    [Issue] Div beside another Div

    <div class="middle">
        <div class="news">
            <div class="newsheader" align="center">
                <p style="text-align:center;"><span style="font-family:Cursive;font-size:18px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:uppercase;color:6633FF;">News And Updates</span>
                </p>
            </div>
            <div class="newscontent" align="center">
                <!--<marquee direction="up">* hiee</marquee>-->
            </div>
        </div>
        <!-- Ending news panel-->
        <div class="igallery">Gallery</div>
    </div>
    <!--middle div over-->
  • [Demo] Crop Image with Jcrop #9 is the latest revision

    [Demo] Crop Image with Jcrop

    displayPreview();
    
    function displayPreview() {
        $('#recipeimge1').Jcrop({
            aspectRatio: 1,
            setSelect: [50, 290, 350, 10],
            addClass: 'jcrop_custom',
            bgColor: 'black',
            bgOpacity: .5,
            sideHandles: false ...
  • [Demo] Rounded ColorPicker Button #22 is the latest revision

    [Demo] Rounded ColorPicker Button

    $(document).ready(function () {
        // Initiate the ColorPicker
        $("#mycolor").colorpicker({
            color: "#ff0000"
        });
    
        // Add radius to the div containing the button
        $(".evo-pointer").css ...
  • [Demo] Determine Browser Version #7 is the latest revision

    [Demo] Determine Browser Version

    var browser;
    
    if ($.browser.msie != 'undefined' && $.browser.msie) {
        browser = "IE";
    } else if ($.browser.webkit) {
        browser = "Safari/Chrome/Opera ";
    } else if ($.browser.mozilla) {
        browser = "FireFox ...
  • [Demo] Generate File in JavaScript #3 is the latest revision

    [Demo] Generate File in JavaScript

    window.onload = function () {
        var textFile = null,
            makeTextFile = function (text) {
                var data = new Blob([text], {
                    type: 'text/plain'
                });
    
                // If we are ...