JSFiddle

  • CanJS jQuery Template #3 is the latest revision

    Includes jQuery, CanJS and all of its plugins. Use it as a starting point when you want to demo something.

    (function() {
        var Router = can.Control({
        defaults: {}
      }, {
        init: function() {
          this.element.html(can.view('#index', {}));
        },
          
        'apps/:section/:action route': function(route ...
  • CanJS jQuery Template #2 is the latest revision

    Includes jQuery, CanJS and all of its plugins. Use it as a starting point when you want to demo something.

    (function() {
        can.view.mustache('test', '<span>{{test fn}}</span>');
        
        can.Mustache.registerHelper('test', function(fn) {
            return fn();
        });
        
        $('#dummy').html(can.view('test ...
  • CanJS jQuery Template

    Includes jQuery, CanJS and all of its plugins. Use it as a starting point when you want to demo something.

    (function() {
      var MyModel = can.Model({
        findAll : 'GET /todos'
      }, {});
      
      MyModel.List = MyModel.List({
        log : function() {
          console.log(this);
        }
      });
      
      var list = new ...
  • jQuery.dForm 1.0.0 example #21 is the latest revision

    This is a simple example for jQuery.dForm

    $("#myform").dform({ elements: [
        {
            "type": "div",
            "html": {
                "name": "id_person",
                "id": "id_person",
                "field_check": "digit",
                "field_min_leight": "0",
                "field_max_leight": "11",
                "caption": "",
                "type": "hidden",
                "value ...
  • CanJS jQuery Template #10 is the latest revision

    Includes jQuery, CanJS and all of its plugins. Use it as a starting point when you want to demo something.

    var Control = can.Control({
        init : function() {
            this.element.find('div').on('scroll', function() {
                console.log('Scrolling form jQuery bound handler ...
  • CanJS jQuery Template #12 is the latest revision

    Includes jQuery, CanJS and all of its plugins. Use it as a starting point when you want to demo something.

    var Attributes = can.Observe({
        attributes : {
            age : 'number'
        }
    }, {}),
        instance = new Attributes({ name : 'John' });
    console.log(instance.serialize());
    
  • jQuery++ template

    Includes the full version of jQuery++. Use it as a starting point when you want to demo something.

    can.Control("Tabs", {
      init : function (el) {
        $(el).children("li:first").addClass('active');
        var tab = this.tab;
        this.element.children("li ...
  • CanJS jQuery Template

    Includes jQuery, CanJS and all of its plugins. Use it as a starting point when you want to demo something.

    (function() {
        Dummy = can.Control({
            init: function(element, options) {
                this.counter = new can.Observe({
                    click: 0
                });
                can.append(this.element, can ...
  • jQuery.dForm 1.0.1 example #2157 is the latest revision

    This is a simple example for jQuery.dForm

    $("#myform").dform({
        "action" : "index.html",
        "method" : "get",
        "html" :
        [
            {
                "type" : "p",
                "html" : "You must login"
            },
            {
                "name" : "username",
                "id" : "txt-username",
                "caption" : "Username ...
  • Tiddler Subscriber with options from JSON file #20 is the latest revision

    jQuery 1.5.2, HTML, CSS, JavaScript, jQuery UI 1.8.9

    $.dform.subscribe('urloptions', function(options, type) {
            var el = this;
        $.ajax({
            url: options,
            dataType: 'json',
            async: false,
            success: function(data) {
                $(el ...
  • Task summary screen #7 is the latest revision

    sample task summary screen example

    $("#TaskSummaryForm").buildForm({
        "action": "index.html",
        "method": "get",
        "elements": [
            {
            "type": "submit",
            "value": "Close"},
        {
            "type": "submit",
            "value": "Close2"}
    
        ]
    });