30 Days of Mootools 1.2 Tutorials - Day 18 - Classes part I

//Create a new class named class_one
//with two internal variables
var Class_one = new Class({
	variable_one : "I'm First",
	variable_two : "I'm Second"
});

var run_demo_one = function(){
	//instantiate a Class_one class called demo_1
	var demo_1 = new Class_one();
	//Display the variables inside demo_one
	alert( demo_1.variable_one );
	alert( demo_1.variable_two );	
}

var Class_two = new Class({
	variable_one : "I'm First",
	variable_two : "I'm Second",
	function_one : function(){
		alert('First Value : ' + this.variable_one);
		},
	function_two : function(){
		alert('Second Value : ' + this.variable_two);
	}
});

	//Works
	working_method : function(){
		alert('First Value : ' + this.variable_one);
		},
	//Doesn't work
	broken_method : function(){
		alert('Second Value : ' + variable_two);
	}

var run_demo_2 = function(){
	//Instantiate a version of class_two
	var demo_2 = new Class_two();
	//Call function_one
	demo_2.function_one();
	//Call function_two
	demo_2.function_two();
}

var Myclass = new Class({
	//Define an initalization function with one parameter
	initialize : function(user_input){
		//create a value variable belonging to
		//this class and assign it the value
		//of the user input
		this.value = user_input;
	}
})

var Myclass = new Class({
	initialize : function(true_false_value){
		if (true_false_value){
			this.message = "Everything this message says is true";
		}
		else {
			this.message = "Everything this message says is false";
		}
	}
})
 
//Will set myClass_instance.message to 
//"Everything this message says is true"
var myclass_instance = new Myclass(true);
 
//Will set myClass_instance.message to 
//"Everything this message says is false"
var myclass_instance = new Myclass(false);

var Class_three = new Class({
	//Function run when class is created
	initialize : function(one, two, true_false_option){
		this.variable_one = one;
		this.variable_two = two;
		if (true_false_option){
			this.boolean_option = "True Selected";
		}
		else {
			this.boolean_option = "False Selected";
		}
	},
	//Method Definitions
	function_one : function(){
		alert('First Value : ' + this.variable_one);
		},
	function_two : function(){
		alert('Second Value : ' + this.variable_two);
	}	
});
 
var run_demo_3 = function(){
	var demo_3 = new Class_three("First Argument", "Second Argument");
	demo_3.function_one();
	demo_3.function_two();
}

var Myclass = new Class({
	Implements: Options
})

var Myclass = new Class({
	Implements: Options,
	options: {
		option_one : "First Option",
		option_two : "Second Option"
	}
})

var Myclass = new Class({
	Implements: Options,
	options: {
		option_one : "First Default Option",
		option_two : "Second Default Option"
	}
	initialize: function(options){
		this.setOptions(options);
	}
})

//Override both of the default options
var class_instance = new Myclass({
	options_one : "Override First Option",  
	options_two : "Override Second Option"
	});
 
//Override one of the default options
var class_instance = new Myclass({
	options_two : "Override Second Option"
})

var class_instance = new Myclass();
//Set the first option
class_instance.setOptions({options_one : "Override First Option"});

var class_instance = new Myclass();
//Get the value of the first option 
var class_option = class_instance.options.options_one;
//class_option is now equal to "First Default Option"

var Myclass = new Class({
	Implements: Options,
	options: {
		option_one : "First Default Option",
		option_two : "Second Default Option"
	}
	test : function(){
		//Note that we're using this to
		//refer to the class 
		alert(this.option_two);
	}
});
 
var class_instance = new Myclass();
//Will pop-up an alert saying "Second Default Option"
class_instance.test();

var Class_four = new Class({	
    Implements: Options,
	options: {
		option_one : "Default Value For First Option",
		option_two : "Default Value For Second Option",
	},
	initialize: function(options){
		this.setOptions(options);
	},   
	show_options : function(){
		alert(this.options.option_one + "\n" + this.options.option_two);
	},
});
 
var run_demo_4 = function ){
	var demo_4 = new Class_four({
		option_one : "New Value"
		});
	demo_4.show_options();
}
 
var run_demo_5 = function(){
	var demo_5 = new Class_four();
	demo_5.show_options();
	demo_5.setOptions({option_two : "New Value"});
	demo_5.show_options();
}
 
//Create a new class_four class with
//a new option called new_variable
var run_demo_6 = function(){
	var demo_6 = new Class_four({new_option : "This is a new option"});
	demo_6.show_options();
}

   	show_options : function(){
   		alert(print_r(this.options, true));
   	}

var Class_five = new Class({
	//We're using options
	Implements: Options,
	//Set our default options
	options : {
		option_one : "DEFAULT_1",
		option_two : "DEFAULT_2",	
	},
	//Have our initialization function 
	//set the options using setOptions
	initialize : function(options){
		this.setOptions(options);
	},
	//Method to send an alert with a
	//formatted printout of the options array
   	show_options : function(){
   		alert(print_r(this.options, true));
   	},
	//Method to switch the values
	//of the two options using setOptions
	swap_options : function(){
		this.setOptions({
			option_one : this.options.option_two,
			option_two : this.options.option_one
		})
	}
});
 
function demo_7(){
	var demo_7 = new Class_five();
	demo_7.show_options();
	demo_7.setOptions({option_one : "New Value"});
	demo_7.swap_options();
	demo_7.show_options();
}