Creating Objects Dynamically : Objects Object Oriented : Language Basics JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Language Basics » Objects Object Oriented »

 

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[inew 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>

           
       



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Language Basics
» Objects Object Oriented