JSFiddle

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

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

    <div id="inner">
    
    <div style="border: #EEE 1px solid;padding: 10px;width: 254px;font-family: \'lucida grande\', tahoma, verdana, arial, sans-serif;font-size: 11px;display:inline-block;"><div style="padding-top: 3px;">
    <a href="' + click_url + '" target="_blank" style="width:254px;margin-right: 8px;display: block;float: left; text-align: center;"> <img src="' + image + '" style="max-width: 254px;max-height: 133px;">
    </a></div><div style="padding-top: 143px;width:254px"><div><a href="' + click_url + '" target="_blank" style="color: #3B5998;font-weight: bold;font-family: \'lucida grande\',tahoma,verdana,arial,sans-serif;font-size: 12px;line-height: 1.28;text-decoration: none;direction: ltr;text-align: left;display: block;">' + title + '</a></div><a href="' + click_url + '" target="_blank" style="color: #9197a3;font-family: \'lucida grande\',tahoma,verdana,arial,sans-serif;font-size: 12px;line-height: 1.28;text-decoration: none;direction: ltr;text-align: left;display: block;">' + description + '</a></div></div>
    </div>
  • Change banners and borders

    Check banner border render

    var banner_sizes= ['300x250','160x600','728x90','930x130','980x180'];
    var bannerwidth = 300;
    var bannerheight = 250;
    var bound_width = 313;
    var bound_height = 60;
    var ...
  • Test modal move large banner

    jQuery 1.9.1, HTML, CSS, JavaScript

    var banner_sizes = ['300x250', '160x600', '728x90', '930x130', '980x180'];
    var $banner_stage = null;
    var $draggable = null;
    var createBanner = function(params) {
      var bannerwidth = 300 ...