JSFiddle

  • Virtual Keyboard Playground

    https://github.com/Mottie/Keyboard

    /* VIRTUAL KEYBOARD DEMO - https://github.com/Mottie/Keyboard */
    $(function() {
    
      $('.keyboard').keyboard({
        layout: "qwerty", // string or array
        beforeVisible: function(e, keyboard ...
  • Tablesorter demo

    filltext.com demo

    $(function() {
    
      $("#dialog").dialog({
        autoOpen: false,
        height: 400,
        width: 650,
        modal: true
      });
    
      $("#open").on("click", function() {
        $("#dialog").dialog("open");
        displayTable();
      });
    
      var ...
  • Virtual Keyboard Playground

    https://github.com/Mottie/Keyboard

    $(function() {
      // milliseconds before a hovered key is first typed
      var regularKeyHoverTimer = 200;
      // milliseconds (ms) unitl the hover key starts repeating ...
  • Example:dropzone

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

      var dragged;
    
      /* events fired on the draggable target */
      document.addEventListener("drag", function( event ) {
    
      }, false);
    
      document.addEventListener("dragstart", function( event ) {
          // store ...
  • Tablesorter demo

    All options included, as well as the uitheme widget

    $.tablesorter.addParser({
        id: "datejs",
        is: function () {
            return false;
        },
        format: function (s) {
            var date = Date.parse ? Date.parse(s) : s ? new ...
  • Tablesorter demo

    All options included, as well as the uitheme widget

    $.tablesorter.addParser({
      id: 'sugar',
      is: function() {
        return false;
      },
      format: function(s) {
        // Add support for sugar v2.0+
        var create = Date ...
  • rgb(a) to hex

    jQuery (edge), HTML, CSS, JavaScript

    // Function to convert hex format to a rgb color
    function rgb2hex(orig) {
      var a, isPercent,
        rgb = orig.replace(/\s/g ...
  • Virtual Keyboard Playground #2 is the latest revision

    https://github.com/Mottie/Keyboard

    /* VIRTUAL KEYBOARD DEMO - https://github.com/Mottie/Keyboard */
    $(function() {
    
      var editor = CodeMirror.fromTextArea(document.getElementById("keyboard"), {
          lineNumbers: true
        }),
        inf = editor ...
  • Tablesorter demo

    All options included, as well as the uitheme widget

    /* Documentation for this tablesorter FORK can be found at
    * http://mottie.github.io/tablesorter/docs/
    */
    $(function () {
    	$('table').tablesorter({
    		theme: 'bootstrap ...
  • Tablesorter demo #4 is the latest revision

    All options included, as well as the uitheme widget

    $(function() {
    
      var $table = $('.tablesorter');
    
      $table.tablesorter({
        theme: 'blue',
        sortList: [[1, 0]],
        widgets: ['filter', 'zebra'],
        widgetOptions: {
          filter_childRows: true,
        }
      });
    
      // make toggles clickable ...