CS101 Assignment No. 3 solution
Wednesday, June 01, 2011 Posted In CS and IT Edit This
Solution:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Assignment No. 03
Semester Spring 2011
Introduction to Computing-CS101
This assignment has two tasks : (Total Marks = 50)
Designing a web page with the help of HTML. (25 Marks)
Implementing event handing on HTML elements with the help of JavaScript. (25 Marks)
Follow the instructions given according to the task.
Another Solution:
<html>
<head>
<title>CS101 3rd assignment</title>
</head>
<body>
<TABLE border="0" align="center">
<tr>
<td align="center">
<a href="http://vulms.vu.edu.pk/" target="_blank"><img src="vu_logo.PNG" width="150" alt="vu logo"></a>
</td>
</tr>
<tr><td align="center">
<br><b>CS101 Assignment</b>
</td></tr>
<tr width="20">
<td><br><FORM METHOD="POST" ACTION="http://bookshop.vu.edu.pk/">
<TABLE BORDER="1" BORDERCOLOR="#0000FF" BORDERCOLORLIGHT="#33CCFF" BORDERCOLORDARK="#0000CC" ALIGN="CENTER"><tr>
<td width="80" height="40" align="right" valign="top">Name:</td>
<td align="left"><input type="Name" name="User" MAXLENGTH="10" SIZE="25"></td>
<td align="left"><input type="Name" name="User" MAXLENGTH="10" SIZE="25" VALUE="Read Only Box by ****" DISABLED></td>
</tr><tr>
<td width="80" height="40" align="right" valign="top">Password:</td>
<td align="left" valign="top"><input type="PASSWORD" name="pwd" MAXLENGTH="10" SIZE="25"></td>
<td align="left" valign="top"><input type="PASSWORD" name="pwd" MAXLENGTH="10" SIZE="25" VALUE="Read Only Box by ****" DISABLED></td>
</tr>
<tr width="20">
<td width="80" height="100" align="right" valign="top">Address:</td>
<td align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19"></TEXTAREA></td>
<td align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19" VALUE="Read Only Box by ****" DISABLED></TEXTAREA></td>
</tr>
<tr width="20">
<td width="100" height="30" align="right" valign="top">Gender:</td>
<td align="center">
<input type="radio" name="Mad" value="male" /> Male <input type="radio" name="Mad" value="female" CHECKED> Female</td>
</tr>
<tr width="20">
<td align="right" valign="top">Hobbies:</td>
<td>
<form>
<input type="checkbox" name="hobby" value="Cricket" /> Playing Cricket<br/>
<input type="checkbox" name="hobby" value="Internet" /> Surfing Internet<br/>
<input type="checkbox" name="hobby" value="Books" /> Reading Books
</form></td>
<td><br>
<form>
<input type="checkbox" name="hobby" value="Cricket" DISABLED /> Playing Cricket<br/>
<input type="checkbox" name="hobby" value="Internet" DISABLED /> Surfing Internet<br/>
<input type="checkbox" name="hobby" value="Books" DISABLED /> Reading Books
</form></td>
</tr>
<tr width="20">
<td width="80" height="110" align="right" valign="top">Location:</td>
<td width="90%" align="left" valign="top"><form name="Location" action="http://www.****.com/forum" method="POST">
<div align="center">
<select name="mydropdown">
<option value="">Select Location</option>
<option value="Cheese">Lahore</option>
<option value="Cheese">Karchi</option>
<option value="Cheese">Islamabad</option>
<option value="Cheese">Multan</option>
<option value="Cheese">Peshawar</option>
</select>
</div>
</form></td>
<td width="90%" align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19" VALUE="Read Only Box by ****" DISABLED></TEXTAREA></td>
</tr>
<tr><td> </td><td><input type="submit" value="Submit" /><input type="reset" value="Reset" /> </td></tr></tabale>
</tr></table><br>
<style type="text/css">
.html-marquee {height:150px;width:470px;background-color:ffff33;background-image:url(INSERT HERE PATH OF IMAGE);font-family:Garamond;font-size:28pt;color:FF0000;font-weight:bold;border-width:4;border-style:dotted;border-color:ff0000;}
</style>
<marquee direction="left" behavior="scroll" scrollamount="8" >Dear friends, i am very sorry, knowingly i am just doing some minor mistakes so no one can copy paste this stuff, we at ****.com are just providing idea not a perfect solution, so please check the errors.</marquee></p><br>
</body>
</html>
<html>
<head>
<title>CS101 3rd assignment solution provided by VUsolutions.blogspot.com</title>
</head>
<body>
<TABLE border="0" align="center">
<tr>
<td align="center">
<a href="http://vulms.vu.edu.pk/" target="_blank"><img src="vu_logo.PNG" width="150" alt="vu logo"></a>
</td>
</tr>
<tr><td align="center">
<br><b>CS101 Assignment # 3 solved by VUsolutions Team</b>
</td></tr>
<tr width="20">
<td><br><FORM METHOD="POST" ACTION="http://bookshop.vu.edu.pk/">
<TABLE BORDER="1" BORDERCOLOR="#0000FF" BORDERCOLORLIGHT="#33CCFF" BORDERCOLORDARK="#0000CC" ALIGN="CENTER"><tr>
<td width="80" height="40" align="right" valign="top">Name:</td>
<td align="left"><input type="Name" name="User" MAXLENGTH="10" SIZE="25"></td>
<td align="left"><input type="Name" name="User" MAXLENGTH="10" SIZE="25" VALUE="Read Only Box by VUsolutions" DISABLED></td>
</tr><tr>
<td width="80" height="40" align="right" valign="top">Password:</td>
<td align="left" valign="top"><input type="PASSWORD" name="pwd" MAXLENGTH="10" SIZE="25"></td>
<td align="left" valign="top"><input type="PASSWORD" name="pwd" MAXLENGTH="10" SIZE="25" VALUE="Read Only Box by VUsolutions" DISABLED></td>
</tr>
<tr width="20">
<td width="80" height="100" align="right" valign="top">Address:</td>
<td align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19"></TEXTAREA></td>
<td align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19" VALUE="Read Only Box by VUsolutions" DISABLED></TEXTAREA></td>
</tr>
<tr width="20">
<td width="100" height="30" align="right" valign="top">Gender:</td>
<td align="center">
<input type="radio" name="sex" value="male" /> Male <input type="radio" name="sex" value="female" CHECKED> Female</td>
</tr>
<tr width="20">
<td align="right" valign="top">Hobbies:</td>
<td>
<form>
<input type="checkbox" name="hobby" value="Cricket" /> Playing Cricket<br/>
<input type="checkbox" name="hobby" value="Internet" /> Surfing Internet<br/>
<input type="checkbox" name="hobby" value="Books" /> Reading Books
</form></td>
<td><br>
<form>
<input type="checkbox" name="hobby" value="Cricket" DISABLED /> Playing Cricket<br/>
<input type="checkbox" name="hobby" value="Internet" DISABLED /> Surfing Internet<br/>
<input type="checkbox" name="hobby" value="Books" DISABLED /> Reading Books
</form></td>
</tr>
<tr width="20">
<td width="80" height="110" align="right" valign="top">Location:</td>
<td width="90%" align="left" valign="top"><form name="Location" action="http://VUsolutions.blogspot.com" method="POST">
<div align="center">
<select name="mydropdown">
<option value="">Select Location</option>
<option value="Cheese">Lahore</option>
<option value="Cheese">Karchi</option>
<option value="Cheese">Islamabad</option>
<option value="Cheese">Multan</option>
<option value="Cheese">Peshawar</option>
</select>
</div>
</form></td>
<td width="90%" align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19" VALUE="Read Only Box by VUsolutions" DISABLED></TEXTAREA></td>
</tr>
<tr><td> </td><td><input type="submit" value="Submit" /><input type="reset" value="Reset" /> </td></tr></tabale>
</tr></table>
</body>
</html>
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Assignment No. 03
Semester Spring 2011
Introduction to Computing-CS101
Total Marks: 50
Due Date: 13/06/2011Objective:
To learn the basics of HTML and JavaScript.
Instructions:
Please read the following instructions carefully before solving & submitting assignment:
Assignment should not be copied from net or any other student.
It should be clear that your assignment will not get any credit (zero marks) if:
- The assignment is submitted after due date.
- The submitted assignment does not open or file corrupt.
- The assignment is copied (from other student or internet).
- Assignment submitted in any format other than HTML format (i.e. file.html).
For any query about the assignment, contact at cs101@vu.edu.pk
Design a web page using HTML. Read assignment instructions carefully.
This assignment has two tasks : (Total Marks = 50)
Designing a web page with the help of HTML. (25 Marks)
Implementing event handing on HTML elements with the help of JavaScript. (25 Marks)
Follow the instructions given according to the task.
Hints:
Read the hints carefully
How to access field object, read the handouts carefully. We can read object with help of document, form and fieldname.
Use onkeyup event for copy text in the disabled fields while typing.
If you want to set focus of pointer to any field use focus( ) function. i.e fieldobject.focus();
For writing and reading data to and from any field use field name and value property.
See handouts lecture 15 and page 96 for this purpose.
If you want to find the length of text in the field use length property after value property.
See handouts lecture 15 and page 96.
If you want to see which radio button is select use checked property after object.
If there are more than one radio buttons in group use (radio_button_name[0] for first and radio_button_name[1] for second radio button) for accessing the object of radio button.
Use the following addresses for different locations of VU Campuses
City | Address |
Virtual University Campus (SHADMAN), 1st Floor 1-Shadman Market Shadman | |
Virtual University Campus, | |
Virtual University Campus, 23/3, Officers Colony, 2nd & 3rd Floor, Near Chungi No. 9, | |
Virtual University Campus, A-21, KCHS, Near Duty Free Centre, Baloch Colony Bus Stop, | |
Virtual University Campus, |
Note:
- In case of any ambiguity in assignment instructions send email at cs101@vu.ed.pk.
- Submit you assignment file only in HTML format otherwise you will get zero marks.
Another Solution:
<html>
<head>
<title>CS101 3rd assignment</title>
</head>
<body>
<TABLE border="0" align="center">
<tr>
<td align="center">
<a href="http://vulms.vu.edu.pk/" target="_blank"><img src="vu_logo.PNG" width="150" alt="vu logo"></a>
</td>
</tr>
<tr><td align="center">
<br><b>CS101 Assignment</b>
</td></tr>
<tr width="20">
<td><br><FORM METHOD="POST" ACTION="http://bookshop.vu.edu.pk/">
<TABLE BORDER="1" BORDERCOLOR="#0000FF" BORDERCOLORLIGHT="#33CCFF" BORDERCOLORDARK="#0000CC" ALIGN="CENTER"><tr>
<td width="80" height="40" align="right" valign="top">Name:</td>
<td align="left"><input type="Name" name="User" MAXLENGTH="10" SIZE="25"></td>
<td align="left"><input type="Name" name="User" MAXLENGTH="10" SIZE="25" VALUE="Read Only Box by ****" DISABLED></td>
</tr><tr>
<td width="80" height="40" align="right" valign="top">Password:</td>
<td align="left" valign="top"><input type="PASSWORD" name="pwd" MAXLENGTH="10" SIZE="25"></td>
<td align="left" valign="top"><input type="PASSWORD" name="pwd" MAXLENGTH="10" SIZE="25" VALUE="Read Only Box by ****" DISABLED></td>
</tr>
<tr width="20">
<td width="80" height="100" align="right" valign="top">Address:</td>
<td align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19"></TEXTAREA></td>
<td align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19" VALUE="Read Only Box by ****" DISABLED></TEXTAREA></td>
</tr>
<tr width="20">
<td width="100" height="30" align="right" valign="top">Gender:</td>
<td align="center">
<input type="radio" name="Mad" value="male" /> Male <input type="radio" name="Mad" value="female" CHECKED> Female</td>
</tr>
<tr width="20">
<td align="right" valign="top">Hobbies:</td>
<td>
<form>
<input type="checkbox" name="hobby" value="Cricket" /> Playing Cricket<br/>
<input type="checkbox" name="hobby" value="Internet" /> Surfing Internet<br/>
<input type="checkbox" name="hobby" value="Books" /> Reading Books
</form></td>
<td><br>
<form>
<input type="checkbox" name="hobby" value="Cricket" DISABLED /> Playing Cricket<br/>
<input type="checkbox" name="hobby" value="Internet" DISABLED /> Surfing Internet<br/>
<input type="checkbox" name="hobby" value="Books" DISABLED /> Reading Books
</form></td>
</tr>
<tr width="20">
<td width="80" height="110" align="right" valign="top">Location:</td>
<td width="90%" align="left" valign="top"><form name="Location" action="http://www.****.com/forum" method="POST">
<div align="center">
<select name="mydropdown">
<option value="">Select Location</option>
<option value="Cheese">Lahore</option>
<option value="Cheese">Karchi</option>
<option value="Cheese">Islamabad</option>
<option value="Cheese">Multan</option>
<option value="Cheese">Peshawar</option>
</select>
</div>
</form></td>
<td width="90%" align="left" valign="top"><TEXTAREA Name="comments" rows="4" cols="19" VALUE="Read Only Box by ****" DISABLED></TEXTAREA></td>
</tr>
<tr><td> </td><td><input type="submit" value="Submit" /><input type="reset" value="Reset" /> </td></tr></tabale>
</tr></table><br>
<style type="text/css">
.html-marquee {height:150px;width:470px;background-color:ffff33;background-image:url(INSERT HERE PATH OF IMAGE);font-family:Garamond;font-size:28pt;color:FF0000;font-weight:bold;border-width:4;border-style:dotted;border-color:ff0000;}
</style>
<marquee direction="left" behavior="scroll" scrollamount="8" >Dear friends, i am very sorry, knowingly i am just doing some minor mistakes so no one can copy paste this stuff, we at ****.com are just providing idea not a perfect solution, so please check the errors.</marquee></p><br>
</body>
</html>
