CS101 Introduction to Computing Assignment No 3 solution 31 December fall 2010

**Xpert** · 12-31-2010, 02:49 PM

View more random threads:

You are required to Design HTML layout, validate form fields and manage fields style with the help of JavaScript. (20 Marks)

Layout

2. Validate Empty Field

If user will submit form without entering any value in GPA. Display warning message.

Change field background color to pink.

On clicking ok reset layout to initial state (White background, pointer focus on GPA field).

3. Validate Alphabetic Value
If user will submit form with alphabetic value. Display warning message.

Sponsored Links

Change field background color to red.

On clicking ok reset layout to initial state (White background, pointer focus on GPA field).

4 Validate Range of Value

If user will submit form with value less than 1 and greater than 4. Display warning message.

Change field background color to light sky blue.

On clicking ok reset layout to initial state (White background, pointer focus on GPA field).

5. Validate Correct Numeric Value

If user will submit form with value > = 1 and < style="mso-bidi-font-weight:normal">Fair :: You got D grade”.

If user will submit form with value > = 2 and < style="mso-bidi-font-weight:normal">Good :: You got C grade”.

If user will submit form with value > = 3 and < style="mso-bidi-font-weight:normal">Very Good :: You got B grade ”.

If user will submit form with value equal to 4. Display message “Excellent :: You got A grade ”.

Change field background color to lime.

6. Validate Find Grades Button

If value is > = 1 and <= 4, on clicking ok jump to www. vu.edu.pk

For any other value or empty field must not jump to www. vu.edu.pk

Hints:

1. For pink color use keyword pink.

2. For red color use keyword red.

3. For light sky blue color use keyword lightskyblue.

4. For lime color use keyword lime.

5. To change field background color use backgroundColor property of style sheet in JavaScript.

6. To set pointer focus on GPA field use JavaScript function focus.
Solution will be uploaded soon

**Xpert** · 01-04-2011, 12:09 PM

the cs101 assignment code is given below please make a folder cs101 then open notepad and save the code and save as it in to cs101 folder with the extention of .html

HTML Code:

<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
function check(numstr)
{
var a=document.getElementById('fid').value;
var regex1=/^[0-9-.]*$/;
if(document.theform.grd.value.length<1)
{

document.theform.grd.style.backgroundColor="pink";
alert("Please enter CGPA!");
}
else if(regex1.test(a)==false)
{
document.theform.grd.style.backgroundColor="red";
alert("Please enter numeric value only");
fid.focus();
}
else if(document.theform.grd.value>4 || document.theform.grd.value<1)
{
document.theform.grd.style.backgroundColor="lightskyblue";
alert("Numeric Value Must be Between 0 and 4");
}
else if(document.theform.grd.value>=1 && document.theform.grd.value<2)
{
document.theform.grd.style.backgroundColor="lime";
alert("Fair :: You got D grade");
}
else if(document.theform.grd.value>=2 && document.theform.grd.value<3)
{
document.theform.grd.style.backgroundColor="lime";
alert("Good :: You got C grade");
}
else if(document.theform.grd.value>=3 && document.theform.grd.value<4)
{
document.theform.grd.style.backgroundColor="lime";
alert("Very Good :: You got B grade");
}
else if(document.theform.grd.value=4)
{
document.theform.grd.style.backgroundColor="lime";
alert("Excellent :: You got A grade ");
}

}
</script>
</head>

<body bgcolor="#666666">
<h1 align="center">Your VU-ID Here:: Assignment (CS101)</h1>
<form name="theform">
<table border="1px" align="center" cellpadding="10px" cellspacing="1px">
<tr>
<td width="46">
CGPA </td>
<td width="199">
<input type="text" width="20px" name="grd" id="fid" />
</td>
</tr>
<tr>
<td>
&nbsp;
</td>
<td>
<input type="button" value="Find Grade" onclick="check()"/>
</td>
</tr>
</table>
</form>
</body>
</html>

**sweethira** · 01-04-2011, 05:05 PM

alert("Please enter CGPA!");
its GPA not CGPA i geuss
and cant understand this thing
On clicking ok reset layout to initial state (White background, pointer focus on GPA field).

**Xpert** · 01-04-2011, 05:11 PM

app code main kar kar cgpa ko gpa kar den. ab is ko change ker kay hi send kerna hai. so please don't send as it. other wise you will be in trouble

**sweethira** · 01-04-2011, 05:14 PM

and why bout my other problem
On clicking ok reset layout to initial state (White background, pointer focus on GPA field).

**sweethira** · 01-04-2011, 05:15 PM

means wht bout my other problem

**Xpert** · 01-04-2011, 05:44 PM

i am busy right now i will solve it soon.

**Nice88** · 01-04-2011, 10:41 PM

1. Plz tell us to reset at initial state of GPA at white background after clicking Ok.
2. Jump to website Virtual University of Pakistan after entering value between 1 & 4 when we click on ok

Plz do as soon as possible bcoz tomorrow is d last date of submission.

**Xpert** · 01-04-2011, 11:32 PM

ok let see that what is the problem

**Nice88** · 01-05-2011, 09:00 PM

The problem has been solved. I will submit it after due date.

Regards,

Thread: CS101 Introduction to Computing Assignment No 3 solution 31 December fall 2010

Thread Tools

Display

CS101 Introduction to Computing Assignment No 3 solution 31 December fall 2010

View more random threads:

Most urgent

Problem solved

Thread Information

Users Browsing this Thread

Similar Threads

CS101 Introduction to Computing Assignment No. 02 Solution and Discussion Fall 2014

CS101 Introduction to Computing Assignment No. 2 Solution Fall Semester 2012

CS101 Introduction to Computing first assignment date extended fall 2010

CS101 Introduction to Computing Assignment 5 Solution Deadline 2 July 2010

CS101 Introduction to Computing Assignment 3 Solution May 14,2010

Posting Permissions