JSFiddle

  • Numbers

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

    let number = generateNumber();
    let visitorNumber = document.getElementById('inputNumber');
    let guesNumber = document.getElementById('guesNumber');
    let result = document.getElementById('result');
    guesNumber.value ...
  • Table fill with React

    React 0.14.3, HTML, CSS, Babel

    class App extends React.Component {
      constructor(props) {
        super(props);
    
        // Must initialize state first
        this.state = {
                counter: 0,
                p: 1000,
                stats ...
  • React Editable Table with add, delete and search filter.

    Facbook 's Thinking in React example converted into an editable table .

    class Products extends React.Component {
    
      constructor(props) {
        super(props);
    
        //  this.state.products = [];
        this.state = {};
        this.state.filterText = "";
        this.state.products ...
  • Calendars for teacher

    jQuery 1.9.1, HTML, CSS, JavaScript

    /**
     * Created by wirtaw on 04.11.16.
     */
    var hour = moment().format('HH');
    var index = moment();
    var index2 = index.clone().add ...
  • DynamicUpates

    jQuery (edge), HTML, CSS, JavaScript

    function returnAccess()
    {
    // remove existing listeners 
    $("#users a").unbind();
    
    // setup editable for new elements created in the DOM    
    $('#users a').editable ...
  • Bootstrap datepicker setValue example #7 is the latest revision

    This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

    var firstDayOfMonth = function(day) {
      // your special logic...
      if (10 < day) {
        return '0' + day;
      } else {
        return day;
      }
      //return 9;
    };
    
    var d ...
  • SVG.js

    svg.js

    var draw = SVG('drawing')
    
    // create image
    var image = draw.image('https://78828471f2d43fa230f82368e26d720fbd8bcb4d-www.googledrive.com/host/0B1W4SZ2ADDH9a19XbmNLTG5yTW8')
    image.size(650, 650 ...
  • Bootstrap 3 accordion chevron icons

    Toggle accordion chevrons in Bootstrap 3

    <div class="panel-group" id="accordion">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
              Collapsible Group Item #1
            </a>
          </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
          <div class="panel-body">
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon ...</div></div></div></div>
  • fabric.js CORS

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

    /**
     * fabric.js template for bug reports
     *
     * Please update the name of the jsfiddle (see Fiddle Options).
     * This templates uses latest ...
  • Tap and click test

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(document).ready(function(){
    	fillSquares(11, 11);
    });
    
    function selectSquare() {
        //debugger;
        var thi = $(this);
        var title = thi.attr('id');
        if (title) {
            //alert ...