RAJ SOLUTION'S SAHIN N. RAJ VALSAD ALL MCA MATERIAL GTU BOARD

Saturday, January 28, 2012

Create a Form in HTML with two fields, minimum and maximum, write JavaScript to validate that only numeric value is entered in both, and the value entered in minimum is less than the value entered in maximum.

Create a Form in HTML with two fields, minimum and maximum, write JavaScript to validate that only numeric value is entered in both, and the value entered in minimum is less than the value entered in maximum.

Description:- Take two textboxes to accept two values from the user and check whether the values entered in both the textboxes are numeric or not and put validation on it that you can enter only numeric values. You can also check the that the field marked as maximum should have greater value as compared to the field marked as minimum if it is not so than put proper validation for it.

Hint: Key allowed in the textbox is 0-9, ‘.’.

<!--
 Q-3 Create a Form in HTML with two fields, minimum and  maximum, write JavaScript to validate that only numeric  
 value is entered in both, and the value  entered in minimum is less than the value entered in maximum

-->
<html>
 <head>
  <title>
  Session 3 - 3rd Program
  </title>
  <script type="text/javascript">
   
   function validate()
   {
    var min=myForm.txt_min.value;
    var max=myForm.txt_max.value;
    
    
    if(parseInt(min)==min && parseInt(max)==max)
    {  
     if(parseInt(max)<parseInt(min))
     { 
      alert("Sorry! Value of MAX must Be Greater");
     }
     else
     {
      alert(" Validated ");
     } 
    }
    else  
    {
     alert("Both Must b Numeric Value");
    }
  
   }

  </script>
 </head>
 
 <body>
  <form name="myForm"> 
   <table border="1" align="center" width="40%">

    <tr>
     <td align="center" colspan="2"><h3>
      Validate Min & Max Values
     </td>
    </tr>
    <tr> 
     <td align="center">
     <strong>Min : </strong><input type="text" name="txt_min" />
     </td>

     

     <td align="center">
     <strong>Max : </strong><input type="text" name="txt_max" />
     </td>
    <tr>
    <tr>
     <td align="center" colspan="2">
 
      <input type="button" value="Validate" onClick="validate();" />
     </td>

    </tr>
    
  </form>
  
 </body>
</html>

JavaScript program that demonstrates the use of +=,-=,*=,/= Operators.

Example:-

var a=10; // Initial value of the variable is a=10.

a+=10; // It increments the value of variable a=a+10 so the value a become 20.

a-=10; // It increments the value of variable a=a-10 so the value a become 10.

a*=10; // It increments the value of variable a=a*10 so the value a become 100.

a/=10; // It increments the value of variable a=a/10 so the value a become 10.

<!--
Q-2 JavaScript program that demonstrates the use of +=,-=,*=,/= Operators.
-->

<html>

 <head>
  <title>
  Session 3- 2nd program.
  </title>

  <script type="text/javascript">
 
   var num1=parseInt(prompt("Enter First Number"));  
   var num2=parseInt(prompt("Enter Second Number"));  
   document.write("<br>First Number is : "+num1);
   document.write("<br>Second Number is : "+num2);

   document.write("<br>Adddition is : "+(num1+num2));
   document.write("<br>Subtraction is : "+(num1-num2));
   document.write("<br>Multiplication is : "+(num1*num2));
   if(num2>0)
   {
    document.write("<br>Division is : "+(num1/num2));
   
   }
   else
   { 
    document.write("<br>Division is not possible"); 
   }

  </script>
 </head>
 
 <body>

 
 </boby>
</html>

Write a program in JavaScript that shows how the variable’s type can be changed on the runtime.

Q-5 Write a program in JavaScript that shows how the variable’s type can be changed on the runtime.

Description:-You can use the var keyword in JavaScript to define a variable in HTML. In JavaScript the data types of the variable is loosely typed so we can change the data type of the variable at any time. A same variable can have different values at different times of different data types.

Syntax:- var <variable name>=value;

<!--
Q-1 Write a program in JavaScript that shows how the variable’s type can be changed on the runtime.
-->

<html>

 <head>
  <title>
  Session 3- 1st program.
  </title>

  <script type="text/javascript">
   var m=45;
   document.write(m+" is "+ typeof(m)+" type<br>");
   var m=45.2
   document.write(m+" is "+ typeof(m)+" type<br>");
   var m='S'
   document.write(m+" is "+ typeof(m)+" type<br>"); 
   var m="Sahin"
   document.write(m+" is "+ typeof(m)+" type<br>"); 
  </script>

 </head>
 
 <body>

 
 </boby>
</html>

Friday, January 27, 2012

Create a web page which display following output. Form

<html>
	<head>
		<title>
			Session 2nd 4th Program
		</title>
	</head>
	
	<body>
		<form>
			<table border="8" width="40%" align="center" bordercolordark="maroon" bordercolorlight="red">
			<tr>
				<td align="center">

					Name :
				</td>
				<td>
					<input type="text" name="txt_name"></input>
				</td>
			</tr>	
			<tr>
				<td align="center">
					Address :
				</td>

				<td>
					<textarea type="" name="txt_name"></textarea>
				</td>
			</tr>
			<tr>
				<td align="center">
					City :
				</td>
				<td>

					<input type="text" name="txt_city"></input>
				</td>
			</tr>	
			<tr>
				<td align="center">
					State :
				</td>
				<td>
					<input type="text" name="txt_state"></input>
				</td>

			</tr>
			<tr>
				<td align="center">
					BirthDate :
				</td>
				<td>
					<select name="list_day">
					<option>1
					<option>2
					<option>3
					<option>4
					<option>5
					<option>6
					<option>7
					<option>8
					<option>9
					<option>10
					<option>11
					<option>12
					<option>13
					<option>14
					<option>15
					<option>16
					<option>17
					<option>18
					<option>19
					<option>20
					<option>21
					<option>22
					<option>23
					<option>24
					<option>25
					<option>26
					<option>27
					<option>28
					<option>29
					<option>30
					<option>31
					</select>

					<select name="list_mon">
					<option>JAN
					<option>FEB
					<option>MAR
					<option>APR
					<option>MAY
					<option>JUN
					<option>JUL
					<option>AUG
					<option>SEP
					<option>OCT
					<option>NOV
					<option>DEC
					</select>
					<select name="list_year">

					<option>1980
					<option>1981
					<option>1982
					<option>1983
					<option>1984
					<option>1985
					<option>1986
					<option>1987
					<option>1988
					<option>1989
					<option>1990
					<option>1991
					<option>1992
					<option>1993
					<option>1994
					<option>1995
					<option>1996
					<option>1997
					<option>1998
					<option>1999
					<option>2000
					<option>2001
					<option>2002
					<option>2003
					<option>2004
					<option>2005
					<option>2006
					<option>2007
					<option>2008
					<option>2009
					<option>2010
					
				</td>

			</tr>
			<tr>
				<td align="center">
					E-Mail :
				</td>
				<td>
					<input type="text" name="txt_email">
					</input>
				</td>

			</tr>		
			<tr>
				<td align="center">
					UserName :
				</td>
				<td>
					<input type="text" name="txt_username">
					</input>
				</td>
				<tr>	
				<td align="center">

					Password :
				</td>
				<td>
					<input type="password" name="txt_password">
					</input>
				</td>
			</tr>	
			<tr>
				<td align="center">
					Gender :
				</td>

				<td>
					<input type="radio" name="radio_gender" value="Male">Male
					</input>

					<input type="radio" name="radio_gender" value="Female">Female
					</input>				
				</td>
			</tr>
			<tr>
				<td rowspan="2" align="center">Hobbies</td>

				<td>
					<input type="checkbox" name="hobbies" value=reading>Reading
					<input type="checkbox" name="hobbies" value=music>Music
				</td>			
			</tr>
			<tr>
					<td>
					<input type="checkbox" name="hobbies" value=travaling>Traveling
					<input type="checkbox" name="hobbies" value=other>Others
				</td>			
			</tr>	
			<tr>

				<td>
				</td>
				<td>
					<input type="submit">
					<input type="reset">
				</td>
			</tr>
			</table>
		</form>

	</body>
</html>

Create university mark sheet with proper format. (You can generate the copy of your own mark sheet. Display the content properly by use of <table> and other useful tags).

<HTML>
<HEAD>
 <TITLE> 3rd PROGRAM </TITLE>
</HEAD>
<BODY>
<form>
<!-- Header Part Start-->
<TABLE BORDER="0" ALIGN="CENTER" WIDTH="80%">
 <TR>

  <TD ROWSPAN="3"><img src="images/logo.png"></img></TD>
  <TD ALIGN="RIGHT">Summer 2011 Results | Winter 2010-2011 Results | Home</TD>

 </TR>

  <TR>
  
 </TR>
 <TR>
  <TD colspan="2" align="RIGHT"><H1><FONT COLOR="BLUE">Gujarat Technological University Ahmedabad</FONT></TD>
 </TR>
 
</TABLE>

<!-- Header Part End-->
<!-- Search Section Starts -->
<TABLE BORDER="2" cellspacing="0" BORDERCOLOR="LIGHTBLUE" ALIGN="CENTER" WIDTH="80%">
 <TR>

  <TD width="50%">
  <TABLE CELLSPACING="0"  WIDTH="100%"> 
   <TR>
   <TD>SEARCH</TD>
   </TR>
   <TR>

   <TD>Exam</TD>
   <TD><input TYPE="TEXT" NAME="exam_name" value="MCA 4TH SEM REGULAR"></input></TD>
   </TR>
   <TR>
   <TD>Enroll No.</TD>
   <TD><input TYPE="TEXT" NAME="enroll_no" VALUE="00000000000">OR</TD>
   </TR>

   <TR>
   <TD>Seat No.</TD>
   <TD><input TYPE="TEXT" NAME="seat_no">eg_12345</TD>
   </TR> 
   <TR>
   <TD>Code :</TD>
   <TD><img src="images/captcha.jpg" height="40" width="100"></img></TD>
   <TD><img src="images/refresh.jpg" height="40" width="40"></img></TD>

   <TD><input TYPE="TEXT" NAME="code_img"></input></TD>
   <TD><INPUT TYPE="BUTTON"  NAME="SEARCH" VALUE="Search"></TD>
   </TR>
  </TABLE> 
  </TD>

  <TD cellspacting="2" width="50%">
  <TABLE border="0" width="100%">
   <TR>
    <TD>SEARCH RESULT</TD>

   </TR>
   <TR>
    <TD>Name</TD>
    <TD>XXX XXX XXX</TD>
   </TR>
   <TR>
    <TD>Enrollment No.</TD>

    <TD>0000000000000</TD>
   </TR>
   <TR>
    <TD>Exam Seat No.</TD>
    <TD>0000000</TD>
    <TD>Declared On</TD>
    <TD>7 Jul 2011</TD>   
   </TR> 
   <TR>

    <TD>Exam </TD>
    <TD colspan="2">MCA SEM 4 - Regular(MAY 2011)</TD>
    
   </TR> 
  </table>
  </TD>
   
 </TR>
</TABLE>
<!-- Search Section Ends -->
<BR> 
<!-- Marksheet Section starts -->

<TABLE BORDER="1" CELLSPACING="0" ALIGN="CENTER" WIDTH="80%">

 <TR ALIGN="CENTER">
 
  <TD>SUBJECT<BR>CODE</TD>
  <TD>SUBJECT<BR>NAME</TD>
  <TD>GRADE</TD>
  <TD>INT.<BR>GRADE</TD>

  <TD>ABSENT</TD>
  <TD>BACKLOG<BR>E - M - I</TD>
 
 </TR>

 <TR ALIGN="CENTER">
 
  <TD>640001</TD>
  <TD ALIGN="LEFT">Fundamentals of Networking (fon)</TD>

  <TD>AA</TD>
  <TD>AA</TD>
  <TD>N</TD>
  <TD>Y - N - N</TD>
 
 </TR>

 <TR ALIGN="CENTER">

 
  <TD>640002</TD>
  <TD ALIGN="LEFT">Web Technology & Application DEvelopment (wt & Ad)</TD>
  <TD>AA</TD>
  <TD>BC</TD>
  <TD>N</TD>

  <TD>N - N - N</TD>
 
 </TR>
 
 <TR ALIGN="CENTER">
 
  <TD>640003</TD>
  <TD align="left">Operations Research (or)</TD>
  <TD>AA</TD>
  <TD>BB</TD>

  <TD>N</TD>
  <TD>Y - N - N</TD>
 
 </TR>
 <TR ALIGN="CENTER">
 
  <TD>640004</TD>
  <TD align="left">Management Imformation System (mis)</TD>
  <TD>AA</TD>

  <TD>AB</TD>
  <TD>N</TD>
  <TD>N - N - N</TD>
 
 </TR>
 <TR ALIGN="CENTER">
 
  <TD>640006</TD>
  <TD align="left">Distributed Computing (dc1)</TD>

  <TD>AA</TD>
  <TD>AA</TD>
  <TD>N</TD>
  <TD>N - N - N</TD>
 
 </TR>
 <TR ALIGN="CENTER">
 
  <TD>640011</TD>

  <TD align="left">Systems Programming Skills-1 (fon)</TD>
  <TD>AA</TD>
  <TD>--</TD>
  <TD>N</TD>
  <TD>N - N - N</TD>
 
 </TR>

 <TR ALIGN="CENTER">
 
  <TD>64012</TD>
  <TD align="left">Programming Skills-4(wt & ad)</TD>
  <TD>AA</TD>
  <TD>--</TD>
  <TD>N</TD>

  <TD>N - N - N</TD>
 
 </TR>




</TABLE>
<BR>
<TABLE BORDER="1" CELLSPACING="0" WIDTH="80%" ALIGN="CENTER">
<TR ALIGN="CENTER" CELLSPACING="2">
 <TD>Current. Backlog: 0</TD>
 <TD>Total. Backlog: 0</TD>

 <TD>SPI: <strong>4.93</strong></TD>
 <TD>CPI: <strong>6.18</strong></TD>
</TR>
</TABLE>
<!-- Marks Section Ends -->
<BR>
<table CELLSPACING="0" width="80%" align="center">
 <TR>
 <TD>Note : This is Computer Generated Mark-sheet.   </TD> </TR>

 
</table>
<table border="2" CELLSPACING="0" BORDERCOLOR="BROWN" width="80%" align="center">
 <TR align="center"> 
  <td>
  <font color="red">Sorry! You have <strong>not cleared</strong> this exam.</font>
  </td>
 </TR>

</table>
<!-- Section Ends -->
</FORM>
</BODY>
</HTML>

Create a web page which displays the railway time table. (The most likely those are displayed on the railway platform)

Q-2 Create a web page which displays the railway time table. (The most likely those are displayed on the railway platform)

<HTML>

<HEAD>
 <TITLE>
 Session 2  Q-2 LAXMI INSTITUTE
 </TITLE> 
</HEAD>

<BODY>

<TABLE BORDER="2" ALIGN="CENTER" WIDTH="80%">

<TR>
  <TD COLSPAN="11" ALIGN="CENTER">BHILAD - TRAIN TIME TABLE </TD>
</TR>

<TR>
  <TD COLSPAN="11"></TD>
</TR>

<TR>
 <TD ROWSPAN="2" ALIGN="CENTER">TRAIN  NO</TD>
 <TD ROWSPAN="2" ALIGN="CENTER">TRAIN NAME</TD>
 <TD ROWSPAN="2" ALIGN="CENTER">ARRIVAL TIME</TD>
 <TD ROWSPAN="2" ALIGN="CENTER">DEPARTURE TIME</TD>

 <TD COLSPAN="7" ALIGN="CENTER">DAYS</TD>
</TR>

<TR>
 
 
 <TD>M</TD>
 <TD>T</TD>
 <TD>W</TD>
 <TD>T</TD>

 <TD>F</TD>
 <TD>S</TD>
 <TD>S</TD>
</TR>

<TR>
 <TD>1</TD>
 <TD>A</TD>

 <TD>10:00</TD>
 <TD>10:01</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>

 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>

</TR>

<TR>

 <TD>2</TD>

 <TD>B</TD>
 <TD>10:00</TD>
 <TD>10:01</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>

 <TD>Y</TD>
 <TD><FONT COLOR="RED">N</FONT></TD>
 <TD>Y</TD>
 <TD>Y</TD>


</TR>

<TR>

 <TD>3</TD>
 <TD>C</TD>
 <TD>10:00</TD>
 <TD>10:01</TD>
 <TD>Y</TD>
 <TD>Y</TD>

 <TD><FONT COLOR="RED">N</FONT></TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>

</TR>

<TR>
 <TD>4</TD>
 <TD>D</TD>
 <TD>10:00</TD>
 <TD>10:01</TD>
 <TD>Y</TD>

 <TD>Y</TD>
 <TD><FONT COLOR="RED">N</FONT></TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>

</TR>

<TR>
 <TD>5</TD>
 <TD>E</TD>
 <TD>10:00</TD>
 <TD>10:01</TD>
 <TD>Y</TD>

 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD><FONT COLOR="RED">N</FONT></TD>

</TR>
<TR>
 <TD>6</TD>
 <TD>F</TD>
 <TD>10:00</TD>
 <TD>10:01</TD>
 <TD>Y</TD>

 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD>Y</TD>
 <TD><FONT COLOR="RED">N</FONT></TD>
 <TD>Y</TD>

</TR>
</TABLE>
</BODY>
</HTML>

Create a web page which displays table in following format. (HTML)

Programming Skills – VII (WTAD)

Q-1 Create a web page which displays table in following format.

Note:- Use rowspan and colspan attribute.

<HTML>
<HEAD>
 <TITLE> 1ST PROGRAM </TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" ALIGN="CENTER" WIDTH="50%">
 <TR>
  <TD COLSPAN="2"> A </TD>
  <TD> B </TD>

 </TR>
 <TR>
  <TD> C </TD>
  <TD COLSPAN="2"> D </TD>
 </TR>
 <TR>
  <TD> E </TD>

  <TD> F </TD>
  <TD> G </TD>
 </TR>

</TABLE>
</BODY>
</HTML>

----------------------------

RAJ SOLUTION'S

( Sahin N. Raj )

www.licamca.blogspot.com

www.sahinraj.blogspot.com

...::: Recent Updates :::...

Saturday, January 28, 2012

Create a Form in HTML with two fields, minimum and maximum, write JavaScript to validate that only numeric value is entered in both, and the value entered in minimum is less than the value entered in maximum.

JavaScript program that demonstrates the use of +=,-=,*=,/= Operators.

Write a program in JavaScript that shows how the variable’s type can be changed on the runtime.

Friday, January 27, 2012

Create a web page which display following output. Form

Create a web page which display following output. Form

Create a web page which displays the railway time table. (The most likely those are displayed on the railway platform)

Create a web page which displays table in following format. (HTML)