Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts

Wednesday, January 5, 2011

Object Oriented Javascript

Object Constructor
function Cat(name) {
  this.name = name;
  this.talk = function() {
     alert( this.name + " say meeow!" )
  }
}

Creating Objects
  • using constructor of defined object
    myCat = new Cat("Kuting");
    
  • using new Object()
    person = new Object()
    person.name = "Bel"
    person.run = function() {
      this.state = "running"
      alert( this.name + " is running!" )
    }
  • using literal notation
    person = {
       name : "Bel",
       siblings : ["Ana", "Marie"],
       run : function(){this.state = "running"; alert( this.name + " is running!" )}
    };
Prototyping - attaching a method to an object
Cat.prototype.changeName = function(name) {
   this.name = name;
}

References:
http://www.javascriptkit.com/javatutors/oopjs.shtml

Sunday, January 2, 2011

Javascipt Basics

javascript

Getting started with Ext JS

Ext JS is a client-side, JavaScript framework for building web applications.
  1. Download most current Ext JS release
    - http://www.sencha.com/products/js/download.php
  2. Set the URL of s.gif
    Ext.BLANK_IMAGE_URL = '/images/ext/resources/images/default/s.gif';

Reference:
http://www.sencha.com/learn/Learn_About_the_Ext_JavaScript_Library