Creating Objects Dynamically
<html>
<head>
<title>Student Database</title>
<script type="text/javascript">
<!--
var i = 0;
// Create Array objects
var empList = new Array();
// Student object constructor
function Student(FirstName, LastName, HomePhone, Ext, EmailAddress) {
this.FirstName = FirstName;
this.LastName = LastName;
this.HomePhone = HomePhone;
this.Ext = Ext;
this.EmailAddress = EmailAddress;
this.show = show;
}
function show() {
alert(this.FirstName + ":" +this.LastName + ":" +this.HomePhone + ":" +this.Ext + ":" + this.EmailAddress);
}
function addStudentObject(FirstName, LastName, HomePhone, Ext,EmailAddress) {
empList[i] = new Student(FirstName, LastName, HomePhone, Ext,EmailAddress);
}
function insertRecord() {
FirstName = document.form1.FirstName.value;
LastName = document.form1.LastName.value;
HomePhone = document.form1.HomePhone.value;
Ext = document.form1.Ext.value;
EmailAddress = document.form1.EmailAddress.value;
i++;
addStudentObject(FirstName, LastName, HomePhone, Ext, EmailAddress);
}
function showAll() {
for (var q=1; q<empList.length; q++) {
empList[q].show();
}
}
//-->
</script></head>
<body>
<h1>Dyanamic Object Creator</h1>
<form name="form1">
<pre>
First Name:
<input type=text size=20 maxlength=256 name="FirstName">
</pre>
<pre>
Last Name:
<input type=text size=20 maxlength=256 name="LastName">
</pre>
<pre>
Home Phone:
<input type=text size=20 maxlength=256 name="HomePhone">
</pre>
<pre>
Ext.:
<input type=text size=20 maxlength=256 name="Ext">
</pre>
<pre>
Email Address:
<input type=text size=20 maxlength=256 name="EmailAddress">
</pre>
<pre>
<input type="button" name="Add" value="Add" onClick="insertRecord()">
<input type="button" name="ShowAll" value="Show All"
onClick="showAll()">
</pre>
</form>
</body>
</html>
Related examples in the same category
