Monday, 26 December 2011

sathishmca

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>          
 
Template Design by SkinCorner