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 ...