JSFiddle

  • [Demo] Crop Image with Jcrop

    [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 #6 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

    [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 #2 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 ...
  • [Demo] Display Star on Canvas

    [Demo] Display Star on Canvas

    function star(ctx, x, y, r, p, m)
            {
                ctx.save();
                ctx.beginPath();
                ctx.translate(x, y);
                ctx.moveTo(0, 0 ...
  • [Demo] Get the Control where mouse is clicked

    [Demo] Get the Control where mouse is clicked

    $(document).on("click", function (event) {
        alert(event.target.id);
    });
  • Sum of two Numbers using AngularJS #34 is the latest revision

    Sum of two Numbers using AngularJS

    <img src="https://angularjs.org/img/AngularJS-large.png" height="50px" weight="50px"/>
    
    <h3>Sum of two Numbers using AngularJS</h3>
    
    <div ng-app="">
         <h3>Using Double Negation</h3>
    
        <p>First Number:
            <input type="text" ng-model="a" />
        </p>
        <p>Second Number:
            <input type="text" ng-model="b" />
        </p>
        <p>Sum: {{ a -- b }}</p>
         <h3>Using Input Type Number ...</h3></div>
  • [Demo] Get last date of the current month in jQuery #8 is the latest revision

    [Demo] Get last date of the current month in jQuery

    var date = new Date();
    var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
    var lastDay = new Date(date.getFullYear(), date ...
  • [Demo] Alert on Hover on the ASP.NET Repeater Column

    [Demo] Alert on Hover on the ASP.NET Repeater Column

    $(document).ready(function () {
        $('.coapplicants').hover(function () {
            alert('mouseIn');
        }, function () {
            alert('mouseOut');
        });
    });
  • [Demo] DropDown Menu with HTML and CSS #3 is the latest revision

    [Demo] DropDown Menu with HTML and CSS

    <div id="wrapper">
        <div id="navMenu">
            <ul>
                <li><a href="#">Products</a>
    
                    <ul>
                        <li><a href="#">Link Item</a>
    
                        </li>
                        <li><a href="#">Link Item</a>
    
                        </li>
                        <li><a href="#">Link Item</a>
    
                        </li>
                        <li><a href="#">Link Item</a>
    
                        </li>
                        <li><a href="#">Link Item</a>
    
                        </li>
                        <li><a href="#">Link Item</a>
    
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>