DESIGNING COLLEGE WEB SITE USING HTML, DHTML AND SCRIPTING LANGUAGES.
Mainpage.html:
<html>
<head>
<title>sample1</title>
</head>
<body BGCOLOR="#F0F0F0">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><h3><a href="">Home</a></h3></td>
<td><h3><a href="">Images</a></h3></td>
<td><h3><a href="">News</a></h3></td>
<td><h3><a href="">Search</a></h3></td>
<td><h3><a href="">Online</a></h3></td>
<td><h3><a href="">About Us</a></h3></td>
<td><h3><a href="">Signin</a></h3></td>
</tr>
</table>
<marquee bgcolor="#E0E0E0"><h3><a href=rigistration.html>Rigistration</a></h3></marquee>
<h1><center><strong><font color="orange">EXCEL INSTITUTIONS</h1>
<h1>(SRI RENGASWAMY EDUCATIONAL TRUST)</font></strong></h1>
<table border="0" width="100%" bgcolor="#000000" cellspacing="0" cellpadding="0">
<tr>
<td><table border="0" width="100%" cellpadding="5">
<tr>
<td bgcolor="#E0E0E0" valign="top" align="left"><div align="left">
<table border="0" cellspacing="0" cellpadding="2" bordercolor="#000000"
width="209"></td>
</tr>
<tr>
<td colspan="2" valign="top" align="left" nowrap
width="205"><strong>Colleges</strong></td>
</tr>
<tr>
<td valign="top" align="left" nowrap width="16" rowspan="2"></td>
<td valign="top" align="left" nowrap width="185">
<a href="eximait.html">Excel Institute of Management & IT</a></td>
</tr>
<tr>
<td align="left" nowrap width="185">
<a HREF="colleges.html">Engineering College </a></td>
</tr>
<tr>
<td valign="top" align="left" nowrap width="16" rowspan="2"></td>
<td valign="top" align="left" nowrap width="185">
<a href="colleges.html">Engineering College for Women</a></td>
</tr>
<tr>
<td align="left" nowrap width="185">
<a HREF="x.html">Polytechinc College </a></td>
</tr>
<tr>
<td valign="top" align="left" nowrap width="16" rowspan="2"></td>
<td valign="top" align="left" nowrap width="185">
<a href="colleges.html">College of Engineering & IT</a></td>
</tr>
<tr>
<td align="left" nowrap width="185">
<a HREF="eximait.html">Business School </a></td>
</tr>
<tr>
<td colspan="2" align="left" nowrap width="205"><strong>Courses for
PG</strong></td>
</tr>
<tr>
<td valign="top" align="left" nowrap width="16" rowspan="2"></td>
<td valign="top" align="left" nowrap width="185">
<a href="eximait.html">MCA</a></td>
</tr>
<tr>
<td align="left" nowrap width="185">
<a HREF="eximait.html">MBA</a></td>
</tr>
<tr>
<td colspan="2" align="left" nowrap width="205"><strong>Courses for
UG</strong></td>
</tr>
<tr>
<td valign="top" align="left" nowrap width="16" rowspan="2"></td>
<td valign="top" align="left" nowrap width="185">
<a href="colleges.html">CSE</a></td>
</tr>
<tr>
<td align="left" nowrap width="185">
<a HREF="colleges.html">ECE</a></td>
</tr>
<tr>
<td valign="top" align="left" nowrap width="16" rowspan="2"></td>
<td valign="top" align="left" nowrap width="185">
<a href="colleges.html">IT</a></td>
</tr>
<tr>
<td align="left" nowrap width="185">
<a HREF="colleges.html">EEE</a></td>
</tr>
<tr>
<td valign="top" align="left" nowrap width="16" rowspan="2"></td>
<td valign="top" align="left" nowrap width="185">
<a href="colleges.html">Aeronatical</a></td>
</tr>
<tr>
<td align="left" nowrap width="185">
<a HREF="colleges.html">Machanical</a></td>
</tr>
</table>
<td bgcolor="#FFFFFF">
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="3">
<tr>
<td width="100%"><h3 align="center"><font color="blue"> EXCEL GROUP
INSTITUTIONS</font></h3>
<div align="center"><center>
<table border="0" width="80%" bgcolor="#000000" cellpadding="0"
cellspacing="0">
<tr>
<td width="100%"><table border="0" width="100%" cellpadding="10">
</tr>
<tr>
<td width="100%" bgcolor="#F0F0F0">
<strong>Sri Rengaswamy Educational Trust(SRET)</strong> initiated its
Educational activities in 2001 and promoted Educational Institution at Komarapalayam in 2006. Under the Chairmanship of <strong>Prof.Dr.A.K.Natesan MBA.,Ph.D.,</strong>the Excel Institutions established in a sprawling (elevated) land area of 41 Acres in the National Highways 47 at Pallakapalayam,i.e,8 Kms form Komarapalayam,9 Kms form Sankari, 40 Kms from Salem and 20 Kms from Erode.
</tr>
</tr>
</table>
<img src=college.jpg height=300 width=700>
</tr>
</tr>
</body>
</html>
Eximait.html:
<html>
<head>
<title>Excel Institute of management & IT</title>
</head>
<body bgcolor=#E0E0E0 text="red">
<center><h1>EXCEL INSTITUTE OF MANAGEMENT & IT</h1>
<h1>(BUSINESS SCHOOL )</h1>
<img src="college.jpg" height=300 width=980>
<h2><font color="blue">Cource Offred:</font></h2>
<h3>
<table border=1 cellspacing=30>
<tr>
<td><b><a href=rigistration.html>MCA</a></b></td>
<td><a href=rigistration.html>Master of Computer Application</a></td>
</tr>
<tr>
<td><b><a href=rigistration.html>MBA</a></b></td>
<td><a href=rigistration.html>Master of Business Administration</a></td>
</tr>
</center></h3></body>
</head></html>
Colleges.html:
<html>
<head>
<title>Excel colleges</title>
</head>
<body bgcolor=#E0E0E0 text="red">
<center><h1>EXCEL COLLEGES </h1>
<img src="college.jpg" height=300 width=980>
<h2><font color="blue">Cource Offred:</font></h2>
<h3>
<table border=1 cellspacing=20>
<tr>
<td><b><a href="rigistration.html">CSE</a></b></td>
<td><a href="rigistration.html">Computer Scince Engineering</a></td>
</tr>
<tr>
<td><b><a href="rigistration.html">ECE</a></b></td>
<td><a href="rigistration.html">Electronics & Communication Engineering</a></td>
</tr>
<tr>
<td><b><a href="rigistration.html">IT</a></b></td>
<td><a href="rigistration.html">Information Technology</a></td>
</tr>
<tr>
<td><b><a href="rigistration.html">EEE</a></b></td>
<td><a href="rigistration.html">Electrical & Electronics Engineering</a></td>
</tr>
<tr>
<td><b><a href="rigistration.html">Aeronatical</a></b></td>
<td><a href="rigistration.html">Aeronatical Engineering</a></td>
</tr>
<tr>
<td><b><a href="rigistration.html">Machanical</a></b></td>
<td><a href="rigistration.html">Machanical Engineering</a></td>
</tr>
</table>
</body></html>
Registration.html:
<html>
<head>
<title> REGISTRATION</title>
<script language="javascript">
function firstname(fname)
{
var a=document.form1.fname.value;
if(a.charAt(0)>= "0" && a.charAt(3)<= "9")
{
alert("The First Name Enter only in char");
document.form1.fname.value="";
document.form1.fname.focus();
}
}
function lastname(lname)
{
var b=document.form1.lname.value;
if(b.charAt(0)>="0" && b.charAt(3)<="9")
{
alert("The Last Name Enter only in char");
document.form1.lname.value="";
document.form1.lname.focus();
}
}
function fathername(fname)
{
var c=document.form1.faname.value;
if(c.charAt(0)>= "0" && c.charAt(3)<= "9")
{
alert("The Father Name Enter only in char");
document.form1.faname.value="";
document.form1.faname.focus();
}
}
function contact(number)
{
var n=document.form1.number.value;
if(n.charAt(0)>="a" && n.charAt(9)<="z")
{
alert("Enter only in number,minimum 10 numbers");
document.form1.number.value="";
document.form1.number.focus();
}
}
function sub()
{
var a=document.form1.fname.value;
var b=document.form1.lname.value;
var c=document.form1.faname.value;
var ad=document.form1.address.value;
var n=document.form1.number.value;
var e=document.form1.ename.value;
var cc=document.form1.course.value;
var q=document.form1.qua.value;
if(a.charAt(0)>= "" && a.charAt(3)<= "")
{
alert("Enter The First Name");
document.form1.fname.value="";
document.form1.fname.focus();
}
else if(b.charAt(0)>= "" && b.charAt(3)<= "")
{
alert("Enter The Last Name");
document.form1.lname.value="";
document.form1.lname.focus();
}
else if(c.charAt(0)>= "" && c.charAt(3)<= "")
{
alert("Enter The Father Name");
document.form1.faname.value="";
document.form1.faname.focus();
}
else if(cc.charAt(0)>= "" && cc.charAt(2)<= "")
{
alert("Enter The Course Name");
document.form1.course.value="";
document.form1.course.focus();
}
else if(ad.charAt(0)>= "" && ad.charAt(3)<= "")
{
alert("Enter The Address");
document.form1.address.value="";
document.form1.address.focus();
}
else if(n.charAt(0)>= "" && n.charAt(3)<= "")
{
alert("Enter The Contact number");
document.form1.number.value="";
document.form1.number.focus();
}
else if(e.charAt(0)>= "" && e.charAt(3)<= "")
{
alert("Enter The E-mail ID");
document.form1.ename.value="";
document.form1.ename.focus();
}
else
{
document.write("<b>CONGRADULATION</b><br>");
document.write("<br>your registration form sucessfully submitted<br>");
document.write("<br><b>Student Name:"+a+b);
document.write("<br><b>Choose Course:"+cc);
document.write("<br><b>Address:"+ad);
document.write("<br><b>Contact Number:"+n);
}
}
</script>
</head>
<body bgcolor=#E0E0E0><center><h2><font color="blue">
<i><b> REGISTRATION FORM </b></i></font></h2>
<form name ="form1">
<table border=1>
<tr><td>
<table border=0 cellspacing=20>
<tr>
<td><b>FIRST NAME:</b></td>
<td><input type="text" name="fname" onBlur="firstname(fname)"></td>
</tr>
<tr>
<td><b>LAST NAME:</b></td>
<td><input type="text" name="lname" onBlur="lastname(lname)"></td>
</tr>
<tr>
<td><b>FATHER NAME:</b></td>
<td><input type="text" name="faname" onBlur="fathername(faname)"></td>
</tr>
<tr>
<td><b>QUALIFICATION:</b></td>
<td><select name="qua">
<option>10th class
<option>plus2
<option>UG
<option>PG</select></td>
</tr>
<tr>
<td><b>CHOOSE COURSE:</b></td>
<td><input type="text" name="course"></td>
</tr
<tr>
<td><b>ADDRESS:</b></td>
<td><textarea cols=20 rows=5 name="address"></textarea></td>
</tr
<tr>
<td><b>CONTACT NUMBER:</b></td>
<td><input type="text" name="number" onBlur="contact(number)"></td>
</tr>
<tr>
<td><b>E-MAIL ID:</b></td>
<td><input type="text" name="ename"></td>
</tr>
<tr></tr>
<tr>
<td><center><input type="button" name="submit" value="SUBMIT" onclick="sub()"></center></td>
<td><center><input type="RESET" value="RESET"></center></td>
</tr>
</table></td></tr></center>
</table></body></html>
DESIGNING E-MAIL WEB SITE USING HTML, DHTML AND SCRIPTING LANGUAGES.
CODING:
<html>
<head>
<title> REGISTRATION</title>
<script language="javascript">
function firstname(fname)
{
var a=document.form1.fname.value;
if(a.charAt(0)>= "0" && a.charAt(3)<= "9")
{
alert("The First Name Enter only in char");
document.form1.fname.value="";
document.form1.fname.focus();
}
}
function lastname(lname)
{
var b=document.form1.lname.value;
if(b.charAt(0)>="0" && b.charAt(3)<="9")
{
alert("The Last Name Enter only in char");
document.form1.lname.value="";
document.form1.lname.focus();
}
}
function pincode(pc)
{
var m=document.form1.pc.value;
if(m.charAt(0)>="a" && m.charAt(3)<="z")
{
alert("Pincode Enter only in number");
document.form1.pc.value="";
document.form1.pc.focus();
}
}
function dateofbirth(dob)
{
var d= document.form1.dob.value;
if(d.charAt(0)>="a" && d.charAt(5)<="z")
{
alert("enter only number");
document.form1.dob.value="";
document.form1.dob.focus();
}
}
function sub()
{
var a=document.form1.fname.value;
var b=document.form1.lname.value;
var d=document.form1.dob.value;
var e=document.form1.ename.value;
var p=document.form1.password.value;
var r=document.form1.repassword.value;
var m=document.form1.pc.value;
var q=document.form1.answer.value;
if(a.charAt(0)>="" && a.charAt(3)<="")
{
alert("Enter The First Name minimum 4 characters");
document.form1.fname.value="";
document.form1.fname.focus();
}
else if(b.charAt(0)>="" && b.charAt(3)<="")
{
alert("Enter The Last Name minimum 4 characters");
document.form1.lname.value="";
document.form1.lname.focus();
}
else if(d.charAt(0)>="" && d.charAt(5)<="")
{
alert("Enter The date of Birth");
document.form1.dob.value="";
document.form1.dob.focus();
}
else if(e.charAt(0)>="" && e.charAt(5)<="")
{
alert("Enter The E-mail ID");
document.form1.ename.value="";
document.form1.ename.focus();
}
else if(p.charAt(0)>="" && p.charAt(5)<="")
{
alert("Enter The Password minimum 6 characters");
document.form1.Password.value="";
document.form1.Password.focus();
}
else if(r.charAt(0)>="" && r.charAt(5)<="")
{
alert("Enter The RePassword minimum 6 characters");
document.form1.repassword.value="";
document.form1.repassword.focus();
}
else if(m.charAt(0)>="" && m.charAt(3)<="")
{
alert("Enter the Pincode");
document.form1.pc.value="";
document.form1.pc.focus();
}
else if(q.charAt(0)>="" && q.charAt(2)<="")
{
alert("Enter the Answer to Question");
document.form1.answer.value="";
document.form1.answer.focus();
}
else
{
document.write("<b>CONGRADULATION</b><br>");
document.write("<br>your registration form sucessfully submitted");
document.write("<br><b>e_mailid:</b>"+e);
}
}
</script>
</head>
<body bgcolor=#E0E0E0><center><h2><font color="blue">
<i><b> E-MAIL REGISTRATION FORM </b></i></font></h2></center>
<form name ="form1">
<table border=1>
<tr><td>
<table border=0 cellspacing=5>
<tr>
<td><b>FIRST NAME:</b></td>
<td><input type="text" name="fname" onBlur="firstname(fname)"></td>
</tr>
<tr>
<td><b>LAST NAME:</b></td>
<td><input type="text" name="lname" onBlur="lastname(lname)"></td>
</tr>
<tr>
<td><b>GENDER:</b></td>
</tr>
<td></td>
<td><input type=radio name=male value=gender>Male
<input type=radio name=female value=gender>Female</td>
</tr>
<tr>
<td><b>DATE OF BIRTH</b></td>
<td><input type="text" name="dob" onBlur="dateofbirth(dob)"></td>
</tr>
<tr>
<td><b>Email_Id:</b></td>
<td><input type="text" name="ename"></td>
</tr>
<tr>
<td><b>Password:</b></td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td><b>Retype_Password:</b></td>
<td><input type="password" name="repassword"></td>
</tr>
<tr>
<td><b>Password Security details</b></td>
</tr>
<tr>
<td><b>COUNTRY</b></td>
<td><select name="coun">
<option>India
<option>Eroupe
<option>America
<option>United State
<option>Australia
<option>UK
<option>Srilanka</select></td>
</tr>
<tr>
<td><b>STATE:</b></td>
<td><select name="st">
<option>Andhra pradesh
<option>Kerala
<option>Karnataka
<option>Tamilnadu </select>
</tr>
<tr>
<td><b>PINCODE:</b></td>
<td><input type="text" name="pc" onBlur="pincode(pc)"></td>
</tr>
<tr>
<td><b>CITY</b></td>
<td><select name="city">
<option>Chennai
<option>Kovai
<option>Salem
<option>Madurai
<option>Erode
</select></td>
</tr>
<tr>
<td><b>HINT QUESTION</b></td>
<td><select name="hq">
<option>What is ur father name?
<option>what is ur name?
<option>What is ur childhood hero?
<option>what is ur aim?
</select></td>
</tr>
<tr>
<td><b>HINT ANSWER:</b></td>
<td><input type="text" name="answer" ></td>
</tr>
<tr>
<td><center><input type="button" name="submit" value="SUBMIT"
onclick="sub()"></center></td>
</tr>
<tr>
<td><center><input type="RESET" value="RESET"></center></td>
</tr>
</table>
</td></tr></table>
</form>
</body>
</html>
DESIGNING CATALOG WEB SITE USING HTML, DHTML AND SCRIPTING LANGUAGES.
Catalog.html:
<html>
<head>
<title>CATALOG</title>
</head>
<frameset rows="20%,*">
<frame name="a" src="head1.html" scrolling="no">
<frameset cols="30%,*">
<frame name="b" src="collection.html">
<frame name="c">
</frameset>
</frameset>
</html>
Head1.html:
<html>
<head>
<title>heading</title>
</head>
<body bgcolor="#B0B0B0">
<h1><font size =12 color="blue">
<marquee behaviour=alternate>CATALOG</marquee></font></h1></body></html>
Collection.html:
<html>
<head>
<title>list of items</title>
</head>
<body bgcolor="#E0E0E0"><center>
<h1>LIST OF ITEMS</h1></center>
<table cellspacing=20>
<tr>
<td><a href="flower.html" target="c"><li>flowers</li></a></td>
</tr>
<tr>
<td><a href="laptops.html" target="c"><li>laptops</li></a></td>
</tr>
<tr>
<td><a href="mobiles.html" target="c"><li>mobiles</li></a></td>
</tr>
<tr>
<td><a href="cameras.html" target="c"><li>cameras</li></a></td>
</tr>
<tr>
<td><a href="tele.html" target="c"><li>televisions</li></a></td>
</tr>
</table>
</body>
</html>
Flower.html:
<html>
<head>
<title>collection</title>
</head>
<body bgcOlor="#F0F0F0">
<center>
<font face="verdana" size=6>Flowers</font>
<br><img src="flower.gif" WIDTH=250 HEIGHT=400 >
<a href="flower1.html">morepictures</a>
</center>
</body>
</html>
Flower1.html:
<html>
<head>
<title>collection</title>
</head>
<script language="javascript">
function mul(pr,sap)
{
var a,b,c;
a = document.flower.pr.value;
b = document.flower.sap.value;
c = a*b;
document.flower.tot.value =+c;
}
</script>
<body bgcolor="#F0F0F0">
<form name="flower"><center>
<font face="monotype corsiva" size=6>Flowers collections...</font><br>
<img src="flower1.jpg" WIDTH=350 HEIGHT=300></center>
<table>
<tr>
<td><b> Flower code:</b></td>
<td><input type="text" name="co" value=s10025></td>
</tr>
<tr>
<td><b> Each flower price:</b></td>
<td><input type="text" name="pr"></td>
</tr>
<tr>
<td><b> Num of product purchased:</b></td>
<td><input type="text" name="sap"></td>
</tr>
<tr>
<td><b> Grand total:</b></td>
<td><input type="text" name="tot" onClick="mul(pr,sap)"></td>
</tr>
</form>
</table>
</html>
Laptops.html:
<html>
<head>
<title>collection</title>
</head>
<body>
<center>
<font face="verdana" size=6>Laptops</font>
<br><img src="laptop.JPG" WIDTH=350 HEIGHT=300>
<a href="laptop1.html">morepictures</a>
</center>
</body>
</html>
Laptop1.html:
<html>
<head>
<title>collection</title>
</head>
<script language="javascript">
function mul(pr,sap)
{
var a,b,c;
a = document.flower.pr.value;
b = document.flower.sap.value;
c = a*b;
document.flower.tot.value = c;
}
</script>
</head>
<body>
<form name="flower"><center>
<font face="monotype corsiva" size=6>Laptops collections......</font><br><br>
<img src="laptop1.JPG" WIDTH=250 HEIGHT=200></center>
<table>
<tr>
<td><b> code:</b></td>
<td><input type="text" name="co" value=s10025></td>
</tr>
<tr>
<td><b> price:</b></td>
<td><input type="text" name="pr"></td>
</tr>
<tr>
<td><b> num of laptops purchased:</b></td>
<td><input type="text" name="sap" ></td>
</tr>
<tr>
<td><b> total:</b></td>
<td><input type="text" name="tot" onClick="mul(pr,sap)"></td>
</tr>
</form></table></body></html>
Mobiles.html:
<html>
<head>
<title>collection</title>
</head>
<body bgcolor="#F0F0F0">
<center>
<font face="verdana" size=6>Mobiles</font>
<br><img src="mobile.jpg" WIDTH=150 HEIGHT=200 >
<a href="mobiles1.html">morepictures...</a>
</center>
</body>
</html>
Mobiles1.html:
<html><head><title>collection</title>
</head>
<script language="javascript">
function mul(pr,sap)
{
var a,b,c;
a = document.flower.pr.value;
b = document.flower.sap.value;
c = a*b;
document.flower.tot.value = c;
}
</script>
<body>
<form name="flower"><center>
<font face="monotype corsiva" size=6>MObiles collections.....</font><br><br>
<img src="mobile1.JPG" WIDTH=350 HEIGHT=300></center>
<table>
<tr>
<td><b> code:</b></td>
<td><input type="text" name="co" value=SGH-G800></td>
</tr>
<tr>
<td><b> price:</b></td>
<td><input type="text" name="pr"></td>
</tr>
<tr>
<td><b> num of laptops purchased:</b></td>
<td><input type="text" name="sap" ></td>
</tr>
<tr>
<td><b> total:</b></td>
<td><input type="text" name="tot" onClick="mul(pr,sap)"></td>
</tr>
</form>
</table></html>
Cameras.html:
<html>
<head>
<title>collection</title>
</head>
<body bgcolor="#F0F0F0">
<center>
<font face="verdana" size=6>cameras</font>
<br><img src="camera.JPG" WIDTH=200 HEIGHT=200 >
<a href="camera1.html">morepictures</a>
</center>
</body>
</html>
Camera1.html:
<html>
<head>
<title>collection</title>
</head>
<script language="javascript">
function mul(pr,sap)
{
var a,b,c;
a = document.flower.pr.value;
b = document.flower.sap.value;
c = a*b;
document.flower.tot.value =+c;
}
</script>
<body bgcolor="#f0f0f0">
<form name="flower"><center>
<font face="monotype corsiva" size=6>Cameras collections.....</font><br><br>
<img src="camera1.JPG" WIDTH=150 HEIGHT=120></center>
<table>
<tr>
<td><b> code:</b></td>
<td><input type="text" name="co" value=cm58025></td>
</tr>
<tr>
<td><b> price:</b></td>
<td><input type="text" name="pr" ></td>
</tr>
<tr>
<td><b> num of laptops purchased:</b></td>
<td><input type="text" name="sap" ></td>
</tr>
<tr>
<td><b> total:</b></td>
<td><input type="text" name="tot" onClick="mul(pr,sap)"></td>
</tr>
</form>
</table>
</body>
</html>
Tele.html:
<html>
<head>
<title>collection</title>
</head>
<body>
<center>
<font face="verdana" size=6>Televisions</font>
<br><img src="televison.JPG" WIDTH=250 HEIGHT=250 >
<a href="tele1.html">morepictures</a>
</center>
</body>
</html>
Tele1.html:
<html>
<head>
<title>collection</title>
<script language="javascript">
function mul(pr,sap)
{
var a,b,c;
a = document.flower.pr.value;
b = document.flower.sap.value;
c = a*b;
document.flower.tot.value =+c;
}
</script>
</head>
<body>
<form name="flower"><center>
<font face="monotype corsiva" size=6>Televisions collections.....</font><br><br>
<img src="televison2.JPG" WIDTH=150 HEIGHT=150>
<img src="televison1.JPG" WIDTH=150 HEIGHT=150></center>
<table>
<tr>
<td><b> code:</b></td>
<td><input type="text" name="co" value=tv4225></td>
</tr>
<tr>
<td><b> price:</b></td>
<td><input type="text" name="pr"></td>
</tr>
<tr>
<td><b> num of laptops purchased:</b></td>
<td><input type="text" name="sap" ></td>
</tr>
<tr>
<td><b> total:</b></td>
<td><input type="text" name="tot" onClick="mul(pr,sap)"></td>
</tr>
</form>
</table>
</html>
DESIGNING CALENDAR WEB SITE USING HTML, DHTML AND SCRIPTING LANGUAGES.
SOURCE CODE:
<html>
<head><marquee>CALENDAR</marquee>
<title>calender</title>
</head>
<body>
<SCRIPT language="JavaScript">
var m,y,m1;
var mon;
var d=01;
var day1;
function monthvalid()
{
var invalid=0;
var s1;
s1 = new String(calender.month.value);
var slen,i;
slen = s1.length;
for(i=0;i<slen;i++)
{
if(!((s1.charAt(i)>=0) && (s1.charAt(i)<=9)))
{
invalid++;
}
}
if(invalid>0)
{
alert("Enter the month in numbers");
calender.month.value=" ";
calender.month.focus();
}
m = calender.month.value;
if((m<1) || (m>12))
{
alert("Enter the month between 01 and 12 only");
calender.month.value=" ";
calender.month.focus();
}
}
function yearvalid()
{
var invalid=0;
var s;
s = new String(calender.year.value);
var slen,i;
slen = s.length;
for(i=0;i<slen;i++)
{
if(!((s.charAt(i)>=0) && (s.charAt(i)<=9)))
{
invalid++;
}
}
if(invalid>0)
{
alert("Enter the year in numbers");
calender.year.value=" ";
calender.year.focus();
}
y = calender.year.value;
if((y<1980) || (y>2099))
{
alert("Enter the year between 1980 and 2099 only");
calender.year.value=" ";
}
}
function calend()
{
var m,m1,y;
var mon,day;
var d=01;
m = new String(calender.month.value);
y = new String(calender.year.value);
currentdate = new Date(m+"/"+d+"/"+y);
with(currentdate)
{
day = getDay();
m1= getMonth();
var ye = getYear();
}
document.write("CALENDER FOR THE YEAR:"+ye);
if((m1 == 0) || (m1 == 2) ||(m1 == 4) || (m1 == 6) ||(m1 == 7) || (m1 == 9) ||
(m1 == 11))
{
date1 = 31;
}
else if((m1 == 3) || (m1 == 5) ||(m1 == 8) || (m1 == 10))
{
date1 = 30;
}
else if(m1 == 1)
{
if(y%4 == 0)
date1 = 29;
else
date1 = 28;
}
if(m1 == 0)
mon = "January";
else if(m1 == 1)
mon = "Febuary";
else if(m1 == 2)
mon = "March";
else if(m1 == 3)
mon = "April";
else if(m1 == 4)
mon = "May";
else if(m1 == 5)
mon = "June";
else if(m1 == 6)
mon = "July";
else if(m1 == 7)
mon = "August";
else if(m1 == 8)
mon = "September";
else if(m1 == 9)
mon = "October";
else if(m1 == 10)
mon = "November";
else if(m1 == 11)
mon = "December";
document.write("For the Month of: "+mon+" "+ye+" " );
var d = 1;
var date1,day1,count=0;
document.write("<table border = 0 cellpaddind=30 cellspacing=6>");
document.write("<tr>");
document.write("<td><b> S </b></td>");
document.write("<td><b> M </b></td>");
document.write("<td><b> T </b></td>");
document.write("<td><b> W </b></td>");
document.write("<td><b> T </b></td>");
document.write("<td><b> F </b></td>");
document.write("<td><b> S </b></td>");
document.write("</tr>");
document.write("</table>");
document.write("<table border = 0 cellpaddind=15>");
document.write("<tr>");
day1 = day;
while(day1>0)
{
document.write("<td></td>");
day1--;
}
count = count+day;
while(d<=date1)
{
document.write("<td>");
document.write(d);
document.write("</td>");
d++;
count++;
if(count %7 == 0)
{
document.write("<tr>");
count=0;
document.write("</tr>");
}
}
document.write("</table>");
}
</script>
<form name = "calender">
<table>
<tr>
<td>Enter Month</td>
<td><input type="text" name="month" OnBlur="monthvalid()"></td>
<td>(Enter month between 1 to 12)</td>
</tr>
<tr>
<td>Enter year</td>
<td><input type="text" name="year"onBlur="yearvalid()" ></td>
<td>(Enter year between 1980 to 2099)</td>
</tr>
<tr>
<td><input type="button" name="year2" value="display calender"
onClick = "calend()"></td>
</tr>
</table>
</form>
</body>
</html>