JavaScript DHTML/Object Oriented/Method
Add methods to a class
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
function MyClass (name, text1, text2) {
this.name = name;
this.text1 = text1;
this.text2 = text2;
}
MyClass.prototype.toString = function () {
return this.name;
}
function same () {
alert(this.toString() +" is same!");
}
function check() {
if (this.text1 == this.text2) {
this.onSame();
}
}
MyClass.prototype.checkSame = check;
MyClass.prototype.onSame = same;
function createMyClass (name, text1, text2) {
var x = new MyClass (name, text1, text2);
x.checkSame();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
Name:<input type=text name="txtName">
Text 1:<input type=text name="txtFirst">
Text 2:<input type=text name="txtSecond">
<input type=button value="Do It!" onClick="createMyClass (txtName.value, txtFirst.value, txtSecond.value);">
</FORM>
</BODY>
</HTML>
Add user method to user defined class
<html>
<head>
<title>First Object</title>
<script type="text/javascript">
function Song (title) {
this.title = title;
}
function printTitle() {
alert(this.title);
}
var someSong = new Song("Title");
Song.prototype.print = printTitle;
var anotherSong = new Song("Another Title");
anotherSong.print();
</script>
</head>
<body>
</body>
</html>