JSFiddle

  • Highcharts pie Demo #4 is the latest revision

    Highcharts pie Demo

    $(function() {
      $('#order_suggestions_graph_by_vendor').highcharts({
        credits: {
          enabled: false
        },
        chart: {
          type: 'pie',
          plotBackgroundColor: null,
          plotBorderWidth: 0,
          plotShadow: false
        },
        plotOptions: {
          pie: {
            innerSize: '60%'
          }
        },
        title ...
  • Javascript canvas clear arc

    How can I clear an arc or circle in HTML5 canvas?

    var canvas = document.querySelector('canvas');
    var context = canvas.getContext('2d');
    var mouse = { x: 0, y: 0 };
    
    document.addEventListener('mousemove', function ...
  • Todo Using Knockout.js #2 is the latest revision

    Todo Using Knockout.js

    $(function () {
        var Todo = function (title, done, order, callback) {
            var self = this;
            self.title = ko.observable(title);
            self.done = ko.observable ...
  • Number to amount in words #352 is the latest revision

    Convert currency into words

    function convertNumberToWords(amount) {
        var words = new Array();
        words[0] = '';
        words[1] = 'One';
        words[2] = 'Two';
        words[3] = 'Three';
        words[4 ...
  • Bootstrap FAQ #18 is the latest revision

    http://jquery2dotnet.com/

    <div class="container-fluid ">
        <div class="panel-group" id="faqAccordion">
            <div class="panel panel-default ">
                <div class="panel-heading accordion-toggle question-toggle collapsed" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question0">
                     <h4 class="panel-title">
                        <a href="#" class="ing">Q: What is Lorem Ipsum?</a>
                  </h4>
    
                </div>
                <div id="question0" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                         <h5><span class="label label-primary">Answer</span></h5>
    
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum ...</p></div></div></div></div></div>
  • Fancybox afterLoad Callback #5 is the latest revision

    on load of a fancybox from ajax, return a function to listen on the element in fancybox.

    // Note that echoData is just mimicking what would be returned from your ajax call since jsfiddle wont allow o
    // me ...
  • knockout js checkbox count #4 is the latest revision

    knockout js checkbox count - Subscribe to a property inside of ObservableArray

    var color = function (id, name, isChecked) {
        this.Id = ko.observable(id);
        this.Name = ko.observable(name);
        this.IsChecked = ko.observable ...
  • iFrame with Fixed Header #38 is the latest revision

    iFrame with Fixed Header

    <div id="headerfix"></div>
    <iframe id="preview-frame" src="http://www.jquery2dotnet.com" frameborder="0"></iframe>
  • Summernote Bootstrap 3 Demo #663 is the latest revision

    Summernote Bootstrap 3 Demo, Super Simple WYSIWYG editor on Bootstrap

    $('#summernote').summernote({height: 300});
  • jquery file input image preview before it is uploaded #792 is the latest revision

    jquery file input image preview before it is uploaded

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
    
                reader.onload = function (e) {
                    $('#image_upload_preview').attr('src', e.target.result);
                }
    
                reader.readAsDataURL(input.files ...