JSFiddle

  • Datepicker with date format

    dd/mm/yyyy format

    $(document).ready(function() {
      var NumberOfMonth = function(month) {
        month = month + 1;
        if (10 > month) {
          return '0' + month;
        } else {
          return month;
        }
      };
    
      var ...
  • detect click on other place in table #1 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    $(document).ready(function() {
    
    
    });
  • Date check and add offset #4 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    var string_start_date = '06/17/2016';
    var string_end_date = '0';
    var d = new Date(string_date);
    $('#result').html('d '+d);
  • Check cyrrilic Win-1251 #3 is the latest revision

    jQuery 1.12.1, HTML, CSS, JavaScript

    $(document).ready(function () {
    	$('#checkCyr').on('click', function() {
      	var $area1=$('#area1');
        var $area2=$('#area2');
        if ('undefined' !== typeof $area1) {
        	var value = $area1 ...
  • Test Safari transform

    safari old or new

    var $has3d = false;
    function addTestElem(params) {
        if ('undefined' !== typeof params.type && 'undefined' !== typeof params.obj) {
            if ( 'jquery' === params.type ) {
                jQuery('<div/>').css({'display':'none'})
                .attr('style', 'transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)')
                .attr('type', 'hidden').attr('id', 'test_3d_transform').appendTo(params.obj);
            } else if ( 'native' === params.type ) {
                var btn = document.createElement ...
  • CSS3 cube final

    http://desandro.github.io/3dtransforms/examples/box-02-show-sides.html

    var slideDelay = 4.9;
    var currentSlide = 0;
    var slideTimer = false;
    var slideTimeout = 30;
    var current_slide = 'show-front';
    var slides = new Array ...
  • CSS3 cube 2

    http://desandro.github.io/3dtransforms/examples/box-02-show-sides.html

    var slideDelay = 4.9;
    var currentSlide = 0;
    var slideTimer = false;
    var slideTimeout = 30;
    var current_slide = 'show-front';
    var slides = new Array ...
  • CSS3 cube

    jQuery 1.9.1, HTML, CSS, JavaScript

    <div id="container">
      <div id="cube">
        <div>1</div>
        <div>2</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
      </div>
    </div>
  • Base64 ecnode string

    Encode base64 string

    var Base64 = {
      // private property
      _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
      // public method for encoding
      encode: function(input) {
        var output = "";
        var chr1, chr2, chr3, enc1 ...
  • Drag element detect

    http://www.w3schools.com/jsref/event_ondrag.asp

    document.addEventListener("dragstart", function(event) {
        // The dataTransfer.setData() method sets the data type and the value of the dragged data ...