JSFiddle

  • Chat system frontend #2 is the latest revision

    a markdown chatter

    console.clear();
    var MarkdownIt = window.markdownit({
      breaks:       true,
      langPrefix:   'language-',
      linkify:      true,
      typographer:  false
    });
    var Showdown = new showdown.Converter();
    
    
    $(function ...
  • Chat system frontend

    a markdown chatter

    console.clear();
    //var md = window.markdownit();
    /* {
      breaks:       true,
      langPrefix:   'language-',
      linkify:      true,
      typographer:  false
    }
    */
    //var result = md.render('# markdown-it rulezz ...
  • Chat system frontend

    a markdown chatter

    console.clear();
    var md = window.markdownit();
    /* {
      breaks:       true,
      langPrefix:   'language-',
      linkify:      true,
      typographer:  false
    }
    */
    var result = md.render('# markdown-it rulezz ...
  • Chat system frontend #6 is the latest revision

    a markdown chatter

    var md = window.markdownit({
      breaks:       true,
      langPrefix:   'language-',
      linkify:      true,
      typographer:  false
    });
    var result = md.render('# markdown-it rulezz!');
    
    
    $(function(){
    
    $(".chat ...
  • Fun with Functions #23 is the latest revision

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

    function log(arg) {
        document.getElementById("writeln").innerHTML += arg + "<br>";
    }
    function identity(x) {
        return x;
    }
  • Angular right-click directive #4 is the latest revision

    Directive to bind action to right click

    var app = angular.module('myApp', []);
    function MyCtrl($scope) {
        $scope.value = 10;
        $scope.increment = function() {
          $scope.value = $scope.value + 1;   
        };
        $scope ...
  • Interview JS Test

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

    console.log("Test 1 -----");
    // Create a function that accepts one object parameter.  
    // If the object has the property ‘selected’ set ...
  • Dynamic DataTable #18 is the latest revision

    Dynamically loaded DataTable with some CSS to make it look pretty.

    init = function() {
        // Do any initializations.
    
        // Get the data.
        requestData();
    };
    
    drawGrid = function(data) {
        $('#grid').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="dataTable"><caption>My Sales for Current Month</caption></table>' );
        $('#dataTable ...
  • Get Largest Number

    Little function to get the largest number from an array.

    var l = [1,2,3,4,-5,-6,-7,8,-09,-8,-6,4,-2,3,5,6,7,-66 ...
  • Gallop Carousel Slider Demo #8 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    $(document).ready(function(){
        // settings
        var autoPlay = true;
        var autoPlaySpeed = 3000;
    
        // init vars
        var $gallop = $(".gallop");
        var $slides = $("li");
        var itms ...