 |
Listing 3. The HTML page delivered to the client
<html>
<head><title>Weblet Conversation Demonstration</title></head>
<body>
<DIV ID="HeadingSection">
</DIV>
<DIV ID="FormSection">
<form ID="PersonalInformationForm" name="PersonalInformationForm" method=POST target="/weblets/snoop">
<div align="left">
<table border="0" width="400">
<tr>
<td width="35%">Given Name</td>
<td width="69%">
<input type="text" ID="GivenNameInput" name="GivenNameInput" size="20">
</td>
</tr>
<tr>
<td width="35%">Family Name</td>
<td width="69%">
<input type="text" name="FamilyNameInput" ID="FamilyNameInput" size="20">
</td>
</tr>
<tr>
<td width="35%">Additional Names</td>
<td width="69%">
<input type="text" name="AdditionalNamesInput" ID="AdditionalNamesInput" size="20">
</td>
</tr>
<tr>
<td width="35%">Gender</td>
<td width="69%">
<input type="radio" value="M" ID="GenderGroupMale" name="GenderGroup">Male
<input type="radio" ID="GenderGroupFemale" name="GenderGroup" value="F">Female
<input type="radio" ID="GenderGroupUnknown" name="GenderGroup" value="O" checked>Not Specified
</td>
</tr>
</table>
</div>
</form>
<form name="AddressInformationForm" ID="AddressInformationForm" method=POST target="/snoop">
<table border="0" width="500">
<tr>
<td width="187">Street Address</td>
<td width="299"><input type="text" ID="AddressInput" name="AddressInput" size="41"></td>
</tr>
<tr>
<td width="187">Address Line 2</td>
<td width="299"><input type="text" ID="Address2Input" name="Address2Input" size="41"></td>
</tr>
<tr>
<td width="187">City and State or Province</td>
<td width="299">
<input type="text" ID="CityNameInput" name="CityNameInput" size="20">
<select size="1" name="StateInput" ID="StateInput">
<option value="Arizona" selected>Arizona</option>
<!-- the other 49 state options left out for brevity -->
</select></td>
</tr>
<tr>
<td width="187">Postal Code and Country</td>
<td width="299">
<input type="text" ID="PostalCodeInput" name="PostalCodeInput" size="19">
<select size="1" name="CountryInput" ID="CountryInput">
<option value="CY">Country</option>
<!-- over a hundred country options left out for brevity -->
</select></td>
</tr>
</table>
</form>
</DIV>
<DIV ID="ControlsSection">
<button size=100 name="ContinueButton" ID="ContinueButton">Continue</button>
<button size=100 name="RetreatButton" ID="RetreatButton">Retreat</button>
</DIV>
<object classid="clsid:F88A5D85-29A0-11D3-AE55-0000861DDC26"
codebase="http://apps.alphaworks.ibm.com/technologies/directdom/ddom.cab#version=1.0.0.1">
<param name="WEBLET_CLASSNAME" value="ConversationDemo">
<param name="WEBLET_CODEBASE" value="http://localhost:8787/weblets/">
</object>
</body>
</html>
|
Return to article
| |
|
