jwestbrook/gist:5961046

## gistfile1.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Prototype Classes</title>
		<script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
		<script type="text/javascript">
		var myClass = Class.create(
		{
			initialize : function(option)
			{
				this.options = (option ? option : 0);
				this.testme();
			},
			testme : function()
			{
				this.options++;
			},
			showme : function()
			{
				alert(this.options);
				return this.options;
			}
		});
		var myChildClass = Class.create(myClass,
		{
			initialize : function($super,option)
			{
				$super(option);

				// the child class needs option's default value at 150 or whatever is
				// passed so run the parent initialize first and then redefine the
				// option property
				this.option = (option ? option : 150);

				// you can still run methods in the parent that are not overridden in
				// the child
				this.testme();
			}
		});


		document.observe('dom:loaded',function(){
			var theClass = new myClass(200);
			var child = new myChildClass();
			$('show_results').observe('click',function(e){
				theClass.showme();
				e.stop();
			});
			$('show_child_results').observe('click',function(e){
				child.showme();
				e.stop();
			});
		});
		</script>
	</head>
	<body>
		<button id="show_results">Show Results</button><br />
		<button id="show_child_results">Show Child Results</button>
	</body>
	<!-- More Extensions at http://github.com/jwestbrook -->
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Prototype Classes</title>
	<script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
	<script type="text/javascript">
	var myClass = Class.create(
	{
	initialize : function(option)
	{
	this.options = (option ? option : 0);
	this.testme();
	},
	testme : function()
	{
	this.options++;
	},
	showme : function()
	{
	alert(this.options);
	return this.options;
	}
	});
	var myChildClass = Class.create(myClass,
	{
	initialize : function($super,option)
	{
	$super(option);

	// the child class needs option's default value at 150 or whatever is
	// passed so run the parent initialize first and then redefine the
	// option property
	this.option = (option ? option : 150);

	// you can still run methods in the parent that are not overridden in
	// the child
	this.testme();
	}
	});


	document.observe('dom:loaded',function(){
	var theClass = new myClass(200);
	var child = new myChildClass();
	$('show_results').observe('click',function(e){
	theClass.showme();
	e.stop();
	});
	$('show_child_results').observe('click',function(e){
	child.showme();
	e.stop();
	});
	});
	</script>
	</head>
	<body>
	<button id="show_results">Show Results</button><br />
	<button id="show_child_results">Show Child Results</button>
	</body>
	<!-- More Extensions at http://github.com/jwestbrook -->
	</html>