JavaScript DHTML/Object Oriented/Method
Add methods to a class
<source lang="html4strict">
<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>
</source>
Add user method to user defined class
<source lang="html4strict">
<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>
</source>