Example of objects and properties

Here you see a lot of programmed objects: sweaters. All the sweaters have three properties. A sweater w'll be defined by 'dress'. (See the script.) There are four sweaters defined by dress and an unique name; here sweaterA, sweaterA, sweaterA and sweaterD. The three properties are textstrings (with ascii-karakters).

<HTML>
<HEAD>
<TITLE>......</TITLE>
<HEAD>

<SCRIPT language='JavaScript'>
function dress(property0,property1,property2)   // Dit is een leeg object
{
 this.materiaal = property0 ;
 this.kleur = property1;
 this.maat = property2;
}

function printKenmerk (materiaalTruiA,materiaalTruiB,materiaalTruiC,materiaalTruiD)   
{
 materiaalTruiA.value = sweaterA.materiaal;  
 materiaalTruiB.value = sweaterB.materiaal;  
 materiaalTruiC.value = sweaterC.materiaal;  
 materiaalTruiD.value = sweaterD.materiaal;  
}
</SCRIPT>

<BODY>
xxxx<BR>
xxxx<BR>
xxxx<BR>
<SCRIPT language='JavaScript'>
   sweaterA = new dress('katoen','geel','M');   
   sweaterB = new dress('zijde','geel','L');   
   sweaterC = new dress('katoen','zwart','');   
   sweaterD = new dress('wol','geel','M');   
</SCRIPT>
xxxx<BR>
xxxx<BR>
xxxx<BR>
<FORM>
<P>Form number 0 (with no name):<BR>
<INPUT  TYPE='button' VALUE="Display all the first properties. The property is gedisplayed by this.form"  ONCLICK='printKenmerk (this.form.materiaalA,this.form.materiaalB,this.form.materiaalC,this.form.materiaalD)'<BR>
A: <INPUT   TYPE="value"  NAME='materiaalA' SIZE=10>
B: <INPUT   TYPE="value"  NAME='materiaalB' SIZE=10>
C: <INPUT   TYPE="value"  NAME='materiaalC' SIZE=10>
D: <INPUT   TYPE="value"  NAME='materiaalD' SIZE=10>
</FORM>
<FORM NAME='A1'>
<P>Form  number 1 (with the name A1):<BR>
<INPUT  TYPE='button' VALUE="Display all the first properties.  The property is gedisplayed by the name of the form"  ONCLICK='printKenmerk (A1.a,A1.b,A1.c,A1.d)'><BR>
A: <INPUT   TYPE='value'  NAME='a' SIZE=10>
B: <INPUT   TYPE='value'  NAME='b' SIZE=10>
C: <INPUT   TYPE='value'  NAME='c' SIZE=10>
D: <INPUT   TYPE='value'  NAME='d' SIZE=10>
</FORM>
xxxx<BR>
xxxx<BR>
xxxx<BR>
</BODY>
</HTML>

Results:

Comments:

You see two kind of forms: a nameless FORM, defined by a number: form '0', and a FORM defined by a name: form 'A1'. An alternative notation is form '0' and form '1'.

Remarks:

Somewhere in the html-file you need the declaration statements of the sweaters, A, B, C and D by 'new dress'.

Enschede, 4 januari 2001. updated jan 28, 2003