JSFiddle

  • Google Map Sidney

    Jquery

    function initialize() {
        var latlng = new google.maps.LatLng(-34.397, 150.644);
        var myOptions = {
            zoom: 8,
            center: latlng,
            mapTypeId: google ...
  • backbone js addlist li hello world

    just use backbone view

    (function($){
       var ListView = Backbone.View.extend({    
       el: $('body'), // attaches `this.el` to an existing element.
       events: {
          'click button#add': 'addItem ...
  • Learn jquery backbone

    Event change input, render html table

    var ListView = Backbone.View.extend({    
      el: $('body'),
      events: {
          'change input#kode': 'changeKode',
          'change input#judul':'changeJudul',
          'change input#subjudul':'changeSubJudul ...
  • Knockout js Select Binding

    Learn knockout js

    var viewModel = function(data) {
       var self = this;
       this.values = ko.observableArray([ "option 1", "option 2", "option 3"]);
       this.selected = [
           new ...
  • Animated CSS Fire Demo

    A little demo of the CSS property 'text-shadow' NOW WITH ADDED ANIMATION!! woop woop

    var obj = $('#fire');
    var fps = 200;
    var letters = obj.html().split('');
    obj.empty();
    $.each(letters,function(el){
        obj.append($('<span>'+this ...</span>
  • Backbone js eri

    learn backbone js

    var AppView = Backbone.View.extend({
        el: $('#container'),
        // template 
        template: _.template("<h3>Hello <%= who %><h3>"),
        initialize: function() {
            this.render();
        },
        render: function() {
            this.el ...</h3></%=></h3>
  • Simple Todo CRUD (without U) #1 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    var Marionette = Backbone.Marionette;
    
    // Todo entity model
    TodoModel = Backbone.Model.extend({
        
        // Default attributes for the todo.
        defaults: {
            title: "empty todo ...
  • Backbone Template

    Standard fiddle

     SearchView = Backbone.View.extend({
        initialize: function(){
            this.render();
        },
        render: function(){
            // Compile the template using underscore
            var template = _.template( $("#search_template ...