Showing posts with label HTML CODING. Show all posts
Showing posts with label HTML CODING. Show all posts

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