Now we are going to make a complete webpage for Office Automation Project. It will help to work on JSP, PHP etc languages.
For the complete web page, we will give a link. You can download it from there.
(Link To download Complete Web Site)
So firstly, as usual, we have to make the index.html page
code for that page :
Out put will be like ::
Now you can see the link for signup. So for the new user registration we have to make the signup.html page
code for that page ::
The output will be like ::
Now if Admin will login then the interface (i.e the GUI) or the portal page for admin we have to make now.
the code for that page is like ::
The output will be like ::
now it is the time to make the SEARCH, UPDATE, DELETE and MAKE SALARY pages. First we will make the SEARCH.HTML page. Code for that page ::
Output will be like ::
Supporting page for SEARCH, that is search_click.html , code for that page ::
output ::
Now code for update.html
output ::
Supporting page :: update_click.html
DELETE.HTML
output ::
now for salary page, code for salary.html
supporting salary_click ::
now the employee.html which will occur after user login. code for that page ::
output ::
Now the page where user or employee will check his/her salary. Code for check_sal.html
Output ::
Now it is ready for devolopment in php or jsp etc.
For the complete web page, we will give a link. You can download it from there.
(Link To download Complete Web Site)
So firstly, as usual, we have to make the index.html page
code for that page :
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">User Login </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<h1 class="style8">Wel come to Office Automation</h1>
<span class="style5"><img src="images/r1.jpg" width="129" height="100"><span class="style7"><img src="images/r1.JPG" width="50" height="50"><img src="images/r1.JPG" width="43" height="43"></span> </span>
<param name="movie" value="english theams two brothers.dat">
<param name="quality" value="high">
<param name="movie" value="Drag to a file to choose it.">
<param name="quality" value="high">
<param name="BGCOLOR" value="#FFFFFF">
<p align="left" class="style5"> </p>
<blockquote>
<p align="left" class="style5"><span class="style7">Wel Come to Office Automation. This Site will provide the companies for various payment solutions.
You need to login for the take the optimum solution.</span></p>
</blockquote>
</div></td>
<td valign="top"><form name="form1" method="post" action="">
<table width="200" border="0">
<tr>
<td><span class="style2">Login ID </span></td>
<td><input name="loginid" type="text" id="loginid2"></td>
</tr>
<tr>
<td><span class="style2">Password</span></td>
<td><input name="pass" type="password" id="pass2"></td>
</tr>
<tr>
<td colspan="2"><span class="errors">
</span></td>
</tr>
<tr>
<td colspan=2 align=center class="errors">
<input name="submit" type="submit" id="submit" value="Login"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#CC3300"><div align="center"><span class="style4">New User ? <a href="signup.html">Signup Free</a></span></div></td>
</tr>
</table>
<div align="center">
<p class="style5"><img src="images/r4.jpg" width="200" height="128"> </p>
</div>
</form></td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
Out put will be like ::
Now you can see the link for signup. So for the new user registration we have to make the signup.html page
code for that page ::
<html>
<head>
<title>Signup || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br>
<table width="100%" border="0">
<tr>
<td width="132" rowspan="2" valign="top"><span class="style8"><img src="images/user.png" width="131" height="155"></span></td>
<td width="468" height="57"><h1 align="center"><span class="style8">New User Signup</span></h1></td>
</tr>
<tr>
<td><form name="form1" method="post" action=" " onSubmit="return check();">
<table width="301" border="0" align="left">
<tr>
<td><div align="left" class="style7">Login Id </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td class="style7">Password</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td class="style7">Confirm Password </td>
<td><input name="cpass" type="password" id="cpass"></td>
</tr>
<tr>
<td class="style7">Name</td>
<td><input name="name" type="text" id="name"></td>
</tr>
<tr>
<td valign="top" class="style7">Address</td>
<td><textarea name="address" id="address"></textarea></td>
</tr>
<tr>
<td valign="top" class="style7">City</td>
<td><input name="city" type="text" id="city"></td>
</tr>
<tr>
<td valign="top" class="style7">Phone</td>
<td><input name="phone" type="text" id="phone"></td>
</tr>
<tr>
<td valign="top" class="style7">E-mail</td>
<td><input name="email" type="text" id="email"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Signup">
</td>
</tr>
</table>
</form></td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
The output will be like ::
Now if Admin will login then the interface (i.e the GUI) or the portal page for admin we have to make now.
the code for that page is like ::
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Admin Operations List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<h1 class="style8">Wel come to Admin Portal</h1>
<span class="style5"><img src="images/admin1.jpg" width="200" height="150"><span class="style7"><img src="images/admin2.png" width="100" height="75"><img src="images/admin3.png" width="50" height="37"></span> </span>
<param name="movie" value="english theams two brothers.dat">
<param name="quality" value="high">
<param name="movie" value="Drag to a file to choose it.">
<param name="quality" value="high">
<param name="BGCOLOR" value="#FFFFFF">
<p align="left" class="style5"> </p>
<blockquote>
<p align="left" class="style5"><span class="style7">Wel Come toAdmin portal. This Site will provide the companies for various payment solutions.
</span></p><br>
<p align="center" class="style5"><a href="#">LOGOUT</a></p>
</blockquote>
</div></td>
<td valign="top"><form name="form1" method="post" action="">
<table width="400" border="0">
<tr>
<td><center><span class="style2"><a href="search.html"><img src="images/adminn1.jpg" width="234" height="60"></a></span></center></td>
</tr>
<tr>
<td><center><span class="style2"><a href="update.html"><img src="images/adminn2.jpg" width="234" height="60"></a></span></center></td>
</tr>
<tr>
<td><center><span class="style2"><a href="delete.html"><img src="images/adminn3.jpg" width="234" height="60"></a></span></center></td>
</tr>
<tr>
<td><center><span class="style2"><a href="salary.html"><img src="images/adminn4.jpg" width="234" height="60"></a></span></center></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/admin2.png" width="200" height="128"> </p>
</div>
</form></td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
The output will be like ::
now it is the time to make the SEARCH, UPDATE, DELETE and MAKE SALARY pages. First we will make the SEARCH.HTML page. Code for that page ::
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<table width="400" border="0">
<tr>
<td><center><span class="style2"><a href="search.html"><img src="images/adminn1.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="update.html"><img src="images/adminn2.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="delete.html"><img src="images/adminn3.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="salary.html"><img src="images/adminn4.jpg" width="234" height="30"></a></span></center></td>
<td><div align="right"><span class="style2"><a href="#"><img src="images/logout.png" width="40" height="30"></a></span></div></td>
</tr>
</table><center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<form action=" " >
<table width="400" border="0" align="center">
<tr>
<td><div align="left" class="style7">Enter "Login Id" of Employee </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table>
</form>
</div></td>
<td valign="top">
<table width="400" border="0">
<tr>
<td><center><span class="style2">Name</span></center></td>
<td><center><span class="style2">ID</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/admin2.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
Output will be like ::
Supporting page for SEARCH, that is search_click.html , code for that page ::
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<table width="400" border="0">
<tr>
<td><center><span class="style2"><a href="search.html"><img src="images/adminn1.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="update.html"><img src="images/adminn2.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="delete.html"><img src="images/adminn3.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="salary.html"><img src="images/adminn4.jpg" width="234" height="30"></a></span></center></td>
<td><div align="right"><span class="style2"><a href="#"><img src="images/logout.png" width="40" height="30"></a></span></div></td>
</tr>
</table><center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<form action=" " >
<table width="400" border="0" align="center">
<tr>
<td><div align="left" class="style7">Enter "Login Id" of Employee </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table><br>
</form>
<table width="301" border="0" align="center">
<tr>
<td><div align="left" class="style7">Login Id </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td class="style7">Password</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td class="style7">Confirm Password </td>
<td><input name="cpass" type="password" id="cpass"></td>
</tr>
<tr>
<td class="style7">Name</td>
<td><input name="name" type="text" id="name"></td>
</tr>
<tr>
<td valign="top" class="style7">Address</td>
<td><textarea name="address" id="address"></textarea></td>
</tr>
<tr>
<td valign="top" class="style7">City</td>
<td><input name="city" type="text" id="city"></td>
</tr>
<tr>
<td valign="top" class="style7">Phone</td>
<td><input name="phone" type="text" id="phone"></td>
</tr>
<tr>
<td valign="top" class="style7">E-mail</td>
<td><input name="email" type="text" id="email"></td>
</tr>
</table>
</div></td>
<td valign="top">
<table width="400" border="0">
<tr>
<td><center><span class="style2">Name</span></center></td>
<td><center><span class="style2">ID</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/admin2.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
output ::
Now code for update.html
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<table width="400" border="0">
<tr>
<td><center><span class="style2"><a href="search.html"><img src="images/adminn1.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="update.html"><img src="images/adminn2.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="delete.html"><img src="images/adminn3.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="salary.html"><img src="images/adminn4.jpg" width="234" height="30"></a></span></center></td>
<td><div align="right"><span class="style2"><a href="#"><img src="images/logout.png" width="40" height="30"></a></span></div></td>
</tr>
</table><center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<form action=" " >
<table width="400" border="0" align="center">
<tr>
<td><div align="left" class="style7">Enter "Login Id" of Employee </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table>
</form>
</div></td>
<td valign="top">
<table width="400" border="0">
<tr>
<td><center><span class="style2">Name</span></center></td>
<td><center><span class="style2">ID</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/admin2.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
output ::
Supporting page :: update_click.html
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<table width="400" border="0">
<tr>
<td><center><span class="style2"><a href="search.html"><img src="images/adminn1.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="update.html"><img src="images/adminn2.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="delete.html"><img src="images/adminn3.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="salary.html"><img src="images/adminn4.jpg" width="234" height="30"></a></span></center></td>
<td><div align="right"><span class="style2"><a href="#"><img src="images/logout.png" width="40" height="30"></a></span></div></td>
</tr>
</table><center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<form action=" " >
<table width="400" border="0" align="center">
<tr>
<td><div align="left" class="style7">Enter "Login Id" of Employee </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table><br>
</form>
<table width="301" border="0" align="center">
<tr>
<td><div align="left" class="style7">Login Id </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td class="style7">Password</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td class="style7">Confirm Password </td>
<td><input name="cpass" type="password" id="cpass"></td>
</tr>
<tr>
<td class="style7">Name</td>
<td><input name="name" type="text" id="name"></td>
</tr>
<tr>
<td valign="top" class="style7">Address</td>
<td><textarea name="address" id="address"></textarea></td>
</tr>
<tr>
<td valign="top" class="style7">City</td>
<td><input name="city" type="text" id="city"></td>
</tr>
<tr>
<td valign="top" class="style7">Phone</td>
<td><input name="phone" type="text" id="phone"></td>
</tr>
<tr>
<td valign="top" class="style7">E-mail</td>
<td><input name="email" type="text" id="email"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Update">
</td>
</tr>
</table>
</div></td>
<td valign="top">
<table width="400" border="0">
<tr>
<td><center><span class="style2">Name</span></center></td>
<td><center><span class="style2">ID</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/admin2.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
DELETE.HTML
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<table width="400" border="0">
<tr>
<td><center><span class="style2"><a href="search.html"><img src="images/adminn1.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="update.html"><img src="images/adminn2.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="delete.html"><img src="images/adminn3.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="salary.html"><img src="images/adminn4.jpg" width="234" height="30"></a></span></center></td>
<td><div align="right"><span class="style2"><a href="#"><img src="images/logout.png" width="40" height="30"></a></span></div></td>
</tr>
</table><center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<form action=" " >
<table width="400" border="0" align="center">
<tr>
<td><div align="left" class="style7">Enter "Login Id" of Employee </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Delete">
</td>
</tr>
</table>
</form>
</div></td>
<td valign="top">
<table width="400" border="0">
<tr>
<td><center><span class="style2">Name</span></center></td>
<td><center><span class="style2">ID</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/admin2.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
output ::
now for salary page, code for salary.html
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<table width="400" border="0">
<tr>
<td><center><span class="style2"><a href="search.html"><img src="images/adminn1.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="update.html"><img src="images/adminn2.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="delete.html"><img src="images/adminn3.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="salary.html"><img src="images/adminn4.jpg" width="234" height="30"></a></span></center></td>
<td><div align="right"><span class="style2"><a href="#"><img src="images/logout.png" width="40" height="30"></a></span></div></td>
</tr>
</table><center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<form action=" " >
<table width="400" border="0" align="center">
<tr>
<td><div align="left" class="style7">Enter "Login Id" of Employee </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table>
</form>
</div></td>
<td valign="top">
<table width="400" border="0">
<tr>
<td><center><span class="style2">Name</span></center></td>
<td><center><span class="style2">ID</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/admin2.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
supporting salary_click ::
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<table width="400" border="0">
<tr>
<td><center><span class="style2"><a href="search.html"><img src="images/adminn1.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="update.html"><img src="images/adminn2.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="delete.html"><img src="images/adminn3.jpg" width="234" height="30"></a></span></center></td>
<td><center><span class="style2"><a href="salary.html"><img src="images/adminn4.jpg" width="234" height="30"></a></span></center></td>
<td><div align="right"><span class="style2"><a href="#"><img src="images/logout.png" width="40" height="30"></a></span></div></td>
</tr>
</table><center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<form action=" " >
<table width="400" border="0" align="center">
<tr>
<td><div align="left" class="style7">Enter "Login Id" of Employee </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table><br>
</form>
<table width="301" border="0" align="center">
<tr>
<td><div align="left" class="style7">Login Id </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td class="style7">Basic Pay</td>
<td><input type="text" name="bpay"></td>
</tr>
<tr>
<td class="style7">Miss Day</td>
<td><input name="missday" type="text" id="cpass"></td>
</tr>
<tr>
<td class="style7">Par Day Fee</td>
<td><input name="perdayfee" type="text" id="name"></td>
</tr>
<tr>
<td valign="top" class="style7">D.A</td>
<td><input name="da" id="address" type="text"></td>
</tr>
<tr>
<td valign="top" class="style7">P.F</td>
<td><input name="pf" type="text" id="city"></td>
</tr>
<tr>
<td valign="top" class="style7">H.R</td>
<td><input name="hr" type="text" id="phone"></td>
</tr>
<tr>
<td valign="top" class="style7">Over Duty Fee</td>
<td><input name="over" type="text" id="email"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table>
</div></td>
<td valign="top">
<table width="400" border="0">
<tr>
<td><center><span class="style2">Name</span></center></td>
<td><center><span class="style2">ID</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
<tr>
<td><center><span class="style2">Abhik Bhattacharyya</span></center></td>
<td><center><span class="style2">A118800</span></center></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/admin2.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
now the employee.html which will occur after user login. code for that page ::
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<h1 class="style8">Wel come to Employee Portal</h1>
<span class="style5"><img src="images/user.png" width="200" height="150"><span class="style7"><img src="images/admin2.png" width="100" height="75"><img src="images/admin3.png" width="50" height="37"></span> </span>
<param name="movie" value="english theams two brothers.dat">
<param name="quality" value="high">
<param name="movie" value="Drag to a file to choose it.">
<param name="quality" value="high">
<param name="BGCOLOR" value="#FFFFFF">
<p align="left" class="style5"> </p>
<blockquote>
<p align="left" class="style5"><span class="style7">Wel Come to Employee portal. This Site will provide the companies for various payment solutions.
</span></p><br><table>
<tr> <td><center><span class="style2"><a href="check_sal.html"><img src="images/empp2.jpg" width="234" height="30"></a></span></center></td>
</tr></table>
<p align="center" class="style5"><a href="#">LOGOUT</a></p>
</blockquote>
</div></td>
<td valign="top">
<table width="400" border="0">
<tr>
<td><div align="left" class="style7">Login Id </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td class="style7">Password</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td class="style7">Confirm Password </td>
<td><input name="cpass" type="password" id="cpass"></td>
</tr>
<tr>
<td class="style7">Name</td>
<td><input name="name" type="text" id="name"></td>
</tr>
<tr>
<td valign="top" class="style7">Address</td>
<td><textarea name="address" id="address"></textarea></td>
</tr>
<tr>
<td valign="top" class="style7">City</td>
<td><input name="city" type="text" id="city"></td>
</tr>
<tr>
<td valign="top" class="style7">Phone</td>
<td><input name="phone" type="text" id="phone"></td>
</tr>
<tr>
<td valign="top" class="style7">E-mail</td>
<td><input name="email" type="text" id="email"></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/user.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
output ::
Now the page where user or employee will check his/her salary. Code for check_sal.html
<html>
<head>
<title>Office Automation || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
}
-->
</style>
<script language="javascript">
function check()
{
if(document.form1.lid.value=="")
{
alert("Plese Enter Login Id");
document.form1.lid.focus();
return false;
}
if(document.form1.pass.value=="")
{
alert("Plese Enter Your Password");
document.form1.pass.focus();
return false;
}
if(document.form1.cpass.value=="")
{
alert("Plese Enter Confirm Password");
document.form1.cpass.focus();
return false;
}
if(document.form1.pass.value!=document.form1.cpass.value)
{
alert("Confirm Password does not matched");
document.form1.cpass.focus();
return false;
}
if(document.form1.name.value=="")
{
alert("Plese Enter Your Name");
document.form1.name.focus();
return false;
}
if(document.form1.address.value=="")
{
alert("Plese Enter Address");
document.form1.address.focus();
return false;
}
if(document.form1.city.value=="")
{
alert("Plese Enter City Name");
document.form1.city.focus();
return false;
}
if(document.form1.phone.value=="")
{
alert("Plese Enter Contact No");
document.form1.phone.focus();
return false;
}
if(document.form1.email.value=="")
{
alert("Plese Enter your Email Address");
document.form1.email.focus();
return false;
}
e=document.form1.email.value;
f1=e.indexOf('@');
f2=e.indexOf('@',f1+1);
e1=e.indexOf('.');
e2=e.indexOf('.',e1+1);
n=e.length;
if(!(f1>0 && f2==-1 && e1>0 && e2==-1 && f1!=e1+1 && e1!=f1+1 && f1!=n-1 && e1!=n-1))
{
alert("Please Enter valid Email");
document.form1.email.focus();
return false;
}
return true;
}
</script>
<link href="quiz.css" rel="stylesheet" type="text/css">
</head>
</head>
<body><center>
<img border="0" src="images/pub.jpg" width="1024" height="150"></center>
<br><center>
<table width="400" border="0">
<tr>
</tr>
</table><center><br>
<table width="100%" border="0">
<tr>
<td width="70%" height="25"> </td>
<td width="1%" rowspan="2" bgcolor="#CC3300"><span class="style6"></span></td>
<td width="29%" bgcolor="#CC3333"><div align="center" class="style1">Employee List </div></td>
</tr>
<tr>
<td height="296" valign="top"><div align="center">
<table width="301" border="0" align="center">
<tr>
<td><div align="left" class="style7">Login Id </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td class="style7">Basic Pay</td>
<td><input type="text" name="bpay"></td>
</tr>
<tr>
<td class="style7">Miss Day</td>
<td><input name="missday" type="text" id="cpass"></td>
</tr>
<tr>
<td class="style7">Par Day Fee</td>
<td><input name="perdayfee" type="text" id="name"></td>
</tr>
<tr>
<td valign="top" class="style7">D.A</td>
<td><input name="da" id="address" type="text"></td>
</tr>
<tr>
<td valign="top" class="style7">P.F</td>
<td><input name="pf" type="text" id="city"></td>
</tr>
<tr>
<td valign="top" class="style7">H.R</td>
<td><input name="hr" type="text" id="phone"></td>
</tr>
<tr>
<td valign="top" class="style7">Over Duty Fee</td>
<td><input name="over" type="text" id="email"></td>
</tr>
<tr>
<td valign="top" class="style7">Total Salary</td>
<td><input name="tsal" type="text" id="email"></td>
</tr>
<tr></td></td></tr>
<tr></td></td></tr>
<tr> <td><center><span class="style2"><a href="employee.html"><img src="images/empp3.jpg" width="234" height="30"></a></span></center></td>
<td><p align="center" class="style5"><a href="#">LOGOUT</a></p></td>
</tr>
</table>
</div></td>
<br>
<td valign="top">
<table width="400" border="0">
<tr>
<td><div align="left" class="style7">Login Id </div></td>
<td><input type="text" name="lid"></td>
</tr>
<tr>
<td class="style7">Password</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td class="style7">Confirm Password </td>
<td><input name="cpass" type="password" id="cpass"></td>
</tr>
<tr>
<td class="style7">Name</td>
<td><input name="name" type="text" id="name"></td>
</tr>
<tr>
<td valign="top" class="style7">Address</td>
<td><textarea name="address" id="address"></textarea></td>
</tr>
<tr>
<td valign="top" class="style7">City</td>
<td><input name="city" type="text" id="city"></td>
</tr>
<tr>
<td valign="top" class="style7">Phone</td>
<td><input name="phone" type="text" id="phone"></td>
</tr>
<tr>
<td valign="top" class="style7">E-mail</td>
<td><input name="email" type="text" id="email"></td>
</tr>
</table><br>
<div align="center">
<p class="style5"><img src="images/user.png" width="200" height="150"> </p>
</div>
</td>
</tr>
</table>
<br><br><br><br><br>
<center>
<img border="1" src="images/pub1.jpg" width="1024" height="100"></center>
</body>
</html>
Output ::
Now it is ready for devolopment in php or jsp etc.
Welcome to Nested Code. This is a Pure Programming blog where you will be regularly updated about programming technologies.
No comments:
Post a Comment