ONLINE BOOKSTORE

NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
Week1
Aim: Designing the web pages required for an online book store web site
HOMEPAGE:
M ain.php
<frameset rows="20%,20%,60%" >
<frame src="top.php" name="top" scrolling="no" >
<frame src="dept.php" name="top" scrolling="no" >
<frameset cols="25%,75%" >
<frame src="left.php" name="left" />
<frame src="right.php" name="right" />
</frameset >
</frameset>
Top.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Top</title>
</head>
<body bgcolor="pink">
<table align="center">
<tr>
<td><img src="GIST.JPG" width="75" /></td>
<td><h1 align="center"><b>GEETHANJALI INSTITUTE OF SCIENCE AND
TECHNOLOGY</b></h1></td>
</tr>
</table>
</body>
</html>
Dept.php
<head>
<title>Untitled Document</title>
</head>
<h3>
<center>
<a href="login.php" target="right"><font color="black">LOGIN</font></a>

<a href="reg.php" target="right"><font color="black">REGESTRATION</font></a>

GEETHANJALI INSTITUE OF SCIENCE AND TECHNOLOGY, NELLORE
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
<a href="catalog.php" target="right"><font color="black">BOOKS CATALOG</font></a>


<a href="cart.php" target="right"><font color="black">SHOPPING CART</font></a>

</center>
</body>
</html>
Left.php
<head>
</head>
<h3>
<ul>
<li><a href="csecatalog.php" target="right"><font color="black">CSE</font></a></li><br /><br />
<li><a href="itcatalog.php" target="right"><font color="black">IT</font></a></li><br /><br />
<li><a href="ececatalog.php" target="right"><font color="black">ECE</font></a></li><br /><br />
<li><a href="eeecatalog.php" target="right"><font color="black">EEE</font></a></li><br /><br />
<li><a href="civilcatalog.php" target="right"><font color="black">CIVIL</font></a></li><br /><br />
<li><a href="mechcatalog.php" target="right"><font color="black">MECH</font></a></li><br /><br />
</ul>
</body>
</html>
Right.php
<head>
</head>
<br /><br /><br /><br /><br /><br />
<h2 align="center">
<b><p> Welcome to online book stage.press login if you are having id otherwise press
registration
</p></b></h2>
</body>
</html>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
LOGIN PAGE
Login.php
<head>
</head>
<body bgcolor="pink"><br /><br /><br />
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||document.myform.pwd.value=="")
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform">
<div align="center"><pre>
LOGIN ID:<input type="text"name="id" /><br />
PASSWORD:<input type="password"name="pwd" /></pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok"onClick="validate()" />
<input type="reset" value="clear" />
</div>
</form>
</body>
</html>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
Week2:
REGISTRATION PAGE:
Reg.php
<head>
</head>
<body bgcolor="pink"><br /><br />
function validate()
{
var flag=1;
if(document.myform.name.value==""||
document.myform.addr.value==""||
document.myform.phno.value==""||
document.myform.id.value==""||
document.myform.pwd.value=="")
{
flag=0;
}
var str=document.myform.phno.value;
var x;
for(var i=0;i<str.length;i++)
{
x=str.length;
if(!(x<=9))
{
flag=0;
break;
}
}
if(flag==1)
{
alert("valid input");
return true;
}
else
{
alert("invalid input");
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
return false;
}
}
</script>
<form name="myform" onSubmit="validate()" >
<tr>
<td>NAME :</td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td>PASSWORD :</td>
<td><input type="password" name="pwd" /></td>
</tr>
<tr>
<td>E-MAIL ID :</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td>PHONE NO :</td>
<td><input type="text" name="phno" /></td>
</tr>
<tr>
<td>GENDER :</td>
<td><input type="radio" name="sex" value="male" />maie<input type="radio" name="sex"
value="female" />female</td>
</tr>
<tr>
<td>DOB :</td>
<td>
<select name="date">
<option value="1">1</option>
</select>
<select name="month">
</select>
<select name="year">
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
</select></td></tr>
<tr>
<td>ALL LANGUAGES :</td>
<td>
English<input type="checkbox" value="English" />
Telugu<input type="checkbox" value="Telugu" />
Hindi<input type="checkbox" value="Hindi" />
Tamil<input type="checkbox" value="Tamil" />
</td>
</tr>
<tr>
<td>ADDRESS :</td>
<td><textarea name="addr"></textarea></td>
</tr>
<tr>
<td><input type="submit" value="ok" /></td>
<td><input type="reset" value="clear" /></td>
</tr>
</table>
</form>
</body>
</html>
CATALOG PAGE
Catalog.php
<head>
<title>catalog</title>
</head>
<body>
<table border="1">
<tr>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
<td>
Book:XML Bible
Author:Winston
Publication:Wiely
</td>
<td>$40.5</td>
<td><button name="ADD to cart">ADD to cart</button></td>
</tr>
<tr>
<td><img src="BLUE HILLS.JPG" width="75" /></td>
<td>
Book:AI
Author:S.Russel
Publication:Priceton hall
</td>
<td>$63</td>
</tr>
<tr>
<td><img src="WATER LILIES.JPG" width="75" /></td>
<td>
Book:Java 2
Author:Waston
Publication:BPB P
</td>
<td>$35.5</td>
</tr>
<tr>
<td><img src="WINTER.JPG" width="75" /></td>
<td>
Book:HTML in 24 hours
Author:Sam Peter
Publiocation:Sam Publications
</td>
<td>$50</td>
</tr>
</table>
</body>
</html>
CART PAGE
Cart.php
<head>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:

<title>cart page</title>
</head>
<body>
<br /><br /><br /><br />
<table border="1" align="center">
<tr>
<th>Book Name</th>
<th>Price</th>
<th>Quantity</th>
<th>Amount</th>
</tr>
<tr>
<td>Java 2</td>
<td>$35.5</td>
<td>2</td>
<td>$70</td>
</tr>
<tr>
<td>XML Bible</td>
<td>$40.5</td>
<td>1</td>
<td>$40.5</td>
</tr>
<tr>
<td></td>
<td></td>
<td><b>Total Amount</b></td>
<td>$110.5</td>
</tr>
</table>
</body>
</html>
Csecatalog.php
<head>
<title>csecatalog</title>
</head>
<body>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
<table border="1">
<tr>
<td>
Book:C with programs
Author:Winston
Publication:Wiely
</td>
<td>$40.5</td>
</tr>
<tr>
<td><img src="BLUE HILLS.JPG" width="75" /></td>
<td>
Book:C++ with programs
Author:S.Russel
Publication:Priceton hall
</td>
<td>$63</td>
</tr>
<tr>
<td><img src="WATER LILIES.JPG" width="75" /></td>
<td>
Book:Java with C++
Author:Waston
Publication:BPB P
</td>
<td>$35.5</td>
</tr>
<tr>
<td><img src="WINTER.JPG" width="75" /></td>
<td>
Book:HTML in 24 hours
Author:Sam Peter
Publiocation:Sam Publications
</td>
<td>$50</td>
</tr>
</table>
<body>
</body>
</html>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
Week3:
Aim: Creating the Java Script validation to a registration page
<head>
</head>
<body bgcolor="pink"><br /><br />
function validate()
{
var flag=1;
if(document.myform.name.value==""||
document.myform.addr.value==""||
document.myform.phno.value==""||
document.myform.id.value==""||
document.myform.pwd.value=="")
{
flag=0;
}
var str=document.myform.phno.value;
var x;
for(var i=0;i<str.length;i++)
{
x=str.length;
if(!(x<=9))
{
flag=0;
break;
}
}
if(flag==1)
{
alert("valid input");
return true;
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
}
else
{
alert("invalid input");
return false;
}
}
</script>
<form name="myform" onSubmit="validate()" >
<tr>
<td>NAME :</td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td>PASSWORD :</td>
<td><input type="password" name="pwd" /></td>
</tr>
<tr>
<td>E-MAIL ID :</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td>PHONE NO :</td>
<td><input type="text" name="phno" /></td>
</tr>
<tr>
<td>GENDER :</td>
<td><input type="radio" name="sex" value="male" />maie<input type="radio" name="sex"
value="female" />female</td>
</tr>
<tr>
<td>DOB :</td>
<td>
<select name="date">
</select>
<select name="month">
</select>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
<select name="year">
</select></td></tr>
<tr>
<td>ALL LANGUAGES :</td>
<td>
English<input type="checkbox" value="English" /> Telugu<input type="checkbox"
value="Telugu" />
Hindi<input type="checkbox" value="Hindi" /> Tamil<input type="checkbox"
value="Tamil" />
</td>
</tr>
<tr>
<td>ADDRESS :</td>
<td><textarea name="addr"></textarea></td>
</tr>
<tr>
<td><input type="submit" value="ok" /></td>
<td><input type="reset" value="clear" /></td>
</tr>
</table>
</form>
</body>
</html>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
Week 4:
Aim: Design a web page using Cascading Style Sheet
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<head>
<title>css</title>
<style type="text/css">
b.headline{color:red;font-size:22px;font-family:arial;text-decoration:underline}
.xlink{cursor:crosshair}
.hlink{cursor:help}
BODY{background-image:url(Winter.jpg);background-repeat:repeat}
A:link{text-decoration:none;color:blue}
A:visited{text-decoration:none;color:blue}
A:active{text-decoration:none;}
A:hover{text-decoration:none;color:red}
</style>
</head>
<body>
<center>
<br /><br />
<b class="headline">This is headline style</b><br /><br /><br />
<b>
<a href="mypage.php" class="xlink">CROSS LINK</a><br /><br />
<br />
<a href="mypage.php" class="hlink">HELP LINK</a><br /><br />
</b>
<div style="position:relative; font-size:50px; z-index:2;background:#99FFFF">LAYER1</div>
<div style="position:relative; top:50; left:5; color:red; font-size:50px; z-index:2;
background:#FFCCFF">LAYER2</div>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
</center>
</body>
</html>
Week5:
Aim: Writing an XML file which display the CD Information and Display the xml file content in
the format of table
Hi.xml
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1989</YEAR>
</CD>
<CD>
<TITLE>Tom and Jerry</TITLE>
<ARTIST>JonnyBen</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>FOX</COMPANY>
<YEAR>2004</YEAR>
</CD>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
<CD>
<TITLE>Harry Porter</TITLE>
<ARTIST>DaneyBoye</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>20th Century</COMPANY>
<YEAR>2008</YEAR>
</CD>
</CATALOG>
cd_catalog.css
/* CSS Document */
CATALOG
{
background-color:#FFFFFF;
width:100%;
}
CD
{
display:block;
margin-bottom:30pt;
margin-left:0;
}
TITLE
{
color:#FF0000;
font-size:20pt;
}
ARTIST
{
color:#0000FF;
font-size:20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
display:block;
color:#000000;
margin-left:20pt;
}
Sample.php
<head>
<title>xml</title>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:
</head>
<body>
<br><br><br>
<center><h2><font color="#0033FF">Displaying XML Data</font></h2></center>
<script type="text/javascript">
if(window.XMLHttpRequest)
{//code for IE7+,Firefox,Chrome,Opera,Safari
xmlhttp=new XMLHttpRequest();
}
else
{//code for IE6,IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","hii.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<br>");
document.write("<table border='1'align='center'>");
document.write("<tr
bgcolor='#666666'><th>ARTIST</th><th>TITLE</th><th>COUNTRY</th><th>COMPANY</
th><th>PRICE</th><th>YEAR</th></tr>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
document.write("<tr><td><font color='blue'><b>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</font><b></td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue);
document.write(x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue);
document.write(x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue);
document.write(x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue);
document.write("</td><tr>");
}
document.write("</table>");
</script>
</body>
</html>
NAME:
BRANCH:IV-CSE
ROLLNO: 092U1A0
PAGENO:

ONLINE BOOKSTORE

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

ONLINE BOOKSTORE

Uploaded by

Copyright:

Available Formats

NAME:

<a href="catalog.php" target="right"><font color="black">BOOKS CATALOG</font></a>

GEETHANJALI INSTITUE OF SCIENCE AND TECHNOLOGY, NELLORE

GEETHANJALI INSTITUE OF SCIENCE AND TECHNOLOGY, NELLORE

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

GEETHANJALI INSTITUE OF SCIENCE AND TECHNOLOGY, NELLORE

GEETHANJALI INSTITUE OF SCIENCE AND TECHNOLOGY, NELLORE

GEETHANJALI INSTITUE OF SCIENCE AND TECHNOLOGY, NELLORE

GEETHANJALI INSTITUE OF SCIENCE AND TECHNOLOGY, NELLORE

You might also like