rendered paste body<!--- Andrew Pyron 03.03.08 Section 0501--><html><head><title>Andrew Pyron's Facebook</title></head><body><script type="text/javascript">function updateMyDetails(){var component = document.getElementById('Name').value;var component = document.getElementById('Age').value;var component = document.getElementById('Gender').value;var component = document.getElementById('College').value; var component = document.getElementById('Hometown').value;component.innerHTML = "value"}</script><center><h1>Welcome to My Mini-Facebook Page!</h1></center><table align="center" width="70%" cols="2" rows="1"><tr> <td bgcolor="0033FF" colspan="35%"><b>My Details</b></td> <td bgcolor="0033FF" colspan="65%"><b>My Friends</b></td></tr></table><table align="center" width="70%" rows="2" cols="2"><td> <table align="left" id = "MyDetails" cellpadding=5> <tr> <td bgcolor="6699FF">Name: </td> <td id="idName"></td> </tr> <tr> <td bgcolor="6699FF">Age: </th> <td id="idAge"></td> </tr> <tr> <td bgcolor="6699FF">Gender: </th> <td id="idGender"></td> </tr> <tr> <td bgcolor="6699FF">College: </th> <td id="idCollege"></td> </tr> <tr> <td bgcolor="6699FF">Hometown: </th> <td id="idHometown"></td> </tr> <tr> <td colspan="2" id="idPhoto" ></td> </tr> </table></td><td><table id="Friends" border='1'></table></td><td></td></tr><tr><td><table id="controlbox" bgcolor="99FFFF"> <tr> <td> <b>Update My Details</b> <table > <tr> <td> <SELECT size="1" id="MyDetailType" Name="DetailType" > <OPTION value="Name">Name</OPTION> <OPTION value="Age">Age</OPTION> <OPTION value="Gender">Gender</OPTION> <OPTION value="College">College</OPTION> <OPTION value="Hometown">Hometown</OPTION> <OPTION value="Photo">Photo</OPTION> </SELECT> </td> <td> <INPUT type="TEXT" id="UserInput" size="30"/> </td> </tr> <tr> <td> <INPUT type="button" onclick="updateMyDetails();" VALUE="Update Details"> </td> </tr> </table> </td> </tr> <tr> <td> <br /> </td> </tr> <tr> <td><b>Add Friends</b></td> </tr> <tr> <td> <table> <tr> <td> Name </td> <td> <INPUT type="TEXT" id="FriendsName" size="30"/> </td> </tr> <tr> <td> Age </td> <td> <INPUT type="TEXT" id="FriendsAge" size"30"/> </td> <tr> <td> Gender </td> <td> <INPUT type="TEXT" id="FriendsAge" size"30"/> </td> <tr> <td> College </td> <td> <INPUT type="TEXT" id="FriendsCollege" size="30"/> </td> </tr> <tr> <td> Hometown </td> <td> <INPUT type="TEXT" id="FriendsHometown" size="30"/> </td> </tr> <tr> <td> <INPUT type="button" onclick="addFriend()" value="Add Friend"> </td> </tr> </table> </td> </tr></table></td></table></body></html>