JSFiddle

  • 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 #1 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 ...

  • Virtual Keyboard Playground

    https://github.com/Mottie/Keyboard 

    /* VIRTUAL KEYBOARD DEMO - https://github.com/Mottie/Keyboard */
$(function() {
  $.keyboard.keyaction.num = function(kb) {
    kb.redraw("numpad");
  };
  $.keyboard.layouts.numpad ...

  • Virtual Keyboard Playground

    https://github.com/Mottie/Keyboard 

    /* VIRTUAL KEYBOARD DEMO - https://github.com/Mottie/Keyboard */
$(function() {

  $('#keyboard').keyboard({
      // *** choose layout & positioning ***
      // choose from 'qwerty', 'alpha',
      // 'international', 'dvorak', 'num' or
      // 'custom' (to use the customLayout below)
      layout: 'custom',
      customLayout: {
	"normal" : [
		"` 1 2 3 4 5 6 7 8 9 0 - = {bksp}",
		"{tab} ㅂ ㅈ ㄷ ㄱ ㅅ ㅛ ㅕ ㅑ ㅐ ㅔ [ ] \\",
		"ㅁ ㄴ ㅇ ㄹ ㅎ ㅗ ㅓ ㅏ ㅣ ; ' {enter}",
		"{shift} \\ ㅋ ㅌ ㅊ ㅍ ㅠ ...

  • Virtual Keyboard Playground #5 is the latest revision

    https://github.com/Mottie/Keyboard 

    /* Demo for https://github.com/Mottie/Keyboard/issues/538 */
$('#keyboard').keyboard({
    layout: 'custom',
    customLayout: {
      'normal': [
        '` 1 2 3 4 5 ...