ip lab record

Ex No: 1 Image Mapping using HTML Date:

Aim:To create a web page with the following using HTML

i) To embed an image map in a web pageii) To fix the hot spotsiii) Show all the related information when the hot spots are clicked.

Algorithm:

Step 1: Create an html file with map tag.Step 2: Set the source attribute of the img tag to thelocation of the image and also set the

usemap attribute.Step 3: Specify an area with name, shape and href set tothe appropriate values.Step 4: Repeat step 3 as many hot spots you want to putin the map.Step 5: Create html files for each and every hot spots theuser will select.

Program:

map.html:

<html>

<body>

<p>Click on the sun or on one of the planets to watch it closer:</p>

<img src="planets.gif" width="145" height="126" alt="Planets"

usemap="#planetmap">

<map name="planetmap">

<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html">

<area shape="circle" coords="90,58,3" alt="Mercury" href="mercury.html">

<area shape="circle" coords="124,58,8" alt="Venus" href="venus.html">

</map>

</body>

</html>

1

Sun.html:

<html>

<body>

<p align="center"><h3><b>SUN</b></h3><img src="sun_files/sun.gif" height="98" width="99"></p>

</body>

</html>

Mercury.html:

<html>

<body>

<p><h3><b>MERCURY</b></h3><img src="mercur_files/merglobe.gif" height="100" width="100"></p>

</body>

</html>

Venus.html:

<html>

<body>

<p><h3><b>VENUS</b></h3><img src="venus_files/venglobe.gif" border="0" height="100" width="100"></p>

</body>

</html>

Output:

2

Result:

Thus the image mapping using HTML was successfully created.

3

Ex No: 2 Cascading Style Sheets Date:

Aim:

To create a web page with

i)Inline Cascading Style Sheet.

ii) InternalCascading Style Sheet.

iii) External Cascading Style Sheet.

Algorithm:

Step 1: Create a simple HTML page.

Step 2: Write internal CSS using <style> tag in the same page become internal CSS.

Step 3: Create another CSS file using <style> tag with extension .css file, which becomes

external CSS file

Step 4: Include the external CSS file in your file.

Step 5: Include the inline style using the “style” attribute in any of the tags.

Step 6: Find the style changes on your page.

Program:

css.html:

<html>

<head>

<link rel="stylesheet" href="h3.css" type="text/css">

<style type="text/css">

p{color:Red;font-family:LucidaConsole;text-align:center}

</style>

</head>

<body>

<b><center>Program for Cascading Style Sheets</center></b><br>

<h2>External Style Sheet</h2>

<h3>This content was styled using the external style sheet.</h3>

<h2><b>Internal Style Sheet</b></h2>

<p>This content was styled using the internal style sheet.</p>

<h2>Inline Style Sheets</h2>

4

<h4 style=color:"Green";font-family:"FreestyleScript";text-align:"right">This content was styled using the inline style sheet.</h4>

</body>

</html>

h3.css:-

h3{font-family:Arial;font-size:20;color:blue;}

Output:

Result:

Thus the web page with all type of cascading style sheets was successfully created.

5

Ex No: 3 Client side scripting - Java ScriptDate:

Aim:

To perform client side scripts for validating web form controls using DHTML.

Algorithm:

Step 1: Start

Step 2: Design an HTML File with Form with some fields which is to be validated

Step 3: Validate the fields by checking it with the help of script

Step 4: If step 3 fails an alert message is passed insisting that the data in the field is

invalid.

Step 5: Stop

Program:

validate.html

<html>

<head>

<title>Form Validation</title>

<script type="text/javascript">

<!--

function validateEmail()

{

var emailID = document.myForm.EMail.value;

atpos = emailID.indexOf("@");

dotpos = emailID.lastIndexOf(".");

if (atpos < 1 || ( dotpos - atpos < 2 ))

{

alert("Please enter correct email ID")

document.myForm.EMail.focus() ;

return false;

}

return( true );

}6

if( document.myForm.Country.value == "-1" )

{

alert( "Please provide your country!" );

return false;

}

return( true );

}

//-->

</script>

</head>

<body>

<form action="/cgi-bin/test.cgi" name="myForm" onsubmit="return(validate());">

<table cellspacing="2" cellpadding="2" border="1">

<tr>

<td align="right">Name</td>

<td><input type="text" name="Name" /></td>

</tr>

<tr>

<td align="right">EMail</td>

<td><input type="text" name="EMail" /></td>

</tr>

<tr>

<td align="right">Zip Code</td>

<td><input type="text" name="Zip" /></td>

</tr>

<tr>

<td align="right">Country</td>

<td>

<select name="Country">

<option value="-1" selected>[choose yours]</option>

<option value="1">USA</option>

<option value="2">UK</option>

<option value="3">INDIA</option>

</select>

8

</td>

</tr>

<tr>

<td align="right"></td>

<td><input type="submit" value="Submit" /></td>

</tr>

</table>

</form>

</body>

</html>

Output:

9

Result:

Thus the client side scripts for validating web form controls using HTML was successfully created.

10

Ex No: 4 Java Applet ProgrammingDate:

Aim:

To write programs in Java to create applets incorporating the following features:

Create a color palette with matrix of buttons

Set background and foreground of the control text area by selecting a color from color palette.

In order to select Foreground or background use check box control as radio buttons

To set background images

Algorithm:

Step 1: Start

Step 2: A colorchooserApplet show six scroll bars that the user can manipulate to set the

red,green,blue,hue,brightness and saturation components of a color.

Step 3: A color patch shows the selected color, and there are six labels that show the

numerical values of all the components.

Step 4: RGB components are specified as integers in the range 0 to 255. HSB components are

specified as float values in the range 0.0F to 1.0F.

Step 5: Stop

Program:

import java.awt.*;

import java.awt.event.*;

import java.applet.*;

/*<applet code="exp" width=400 height=400> </applet>*/

public class exp extends Applet implements ItemListener

{

int currcolor=5; int flag=1;

String text="Click any of the buttons";

11

Button buttons[]=new Button[5];

String colours[]={"Red","Blue","Green","Yellow","Magenta"};

Image img;

CheckboxGroup cbg=new CheckboxGroup();

Checkbox box1=new Checkbox("Background Color",cbg,true);

Checkbox box2=new Checkbox("Text Color",cbg,false);

Checkbox box3=new Checkbox("Loading Image",cbg,false);

public void init()

{

for(int i=0;i<5;i++)

{

buttons[i]=new Button(" "); add(buttons[i]);

}

buttons[0].setBackground(Color.red);

buttons[1].setBackground(Color.blue);

buttons[2].setBackground(Color.green);

buttons[3].setBackground(Color.yellow);

12

buttons[4].setBackground(Color.magenta);

add(box1);

add(box2);

add(box3);

box1.addItemListener(this);



}

public void itemStateChanged(ItemEvent ev) { if(box1.getState()==true) flag=1;

else if(box2.getState()==true)

{

text="Default color is black"; flag=2;

}

else if(box3.getState()==true)

{

img=getImage(getDocumentBase(),"Water lilies.jpg"); flag=3;

}

repaint();

}

public void paint(Graphics g)

{

if(flag==2)

13

{ g.drawString(text,30,100); switch(currcolor)

{

case 0: g.setColor(Color.red); break;

case 1: g.setColor(Color.blue); break;

case 2: g.setColor(Color.green); break;

case 3: g.setColor(Color.yellow); break;

case 4: g.setColor(Color.magenta); break; case 5: g.setColor(Color.black);

break;

}

g.drawString(text,30,100);

}

else if(flag==1)

{

g.drawString(text,30,100); switch(currcolor)

{

case 0: setBackground(Color.red); break;

case 1: setBackground(Color.blue); break;

case 2: setBackground(Color.green); break; case 3: setBackground(Color.yellow); break; case 4: setBackground(Color.magenta); break; case 5: setBackground(Color.white); break;

}

}

else if(flag==3)

{

g.drawImage(img,20,90,this);

}

}

public boolean action(Event e,Object o)

{

for(int i=0;i<5;i++)

{

if(e.target==buttons[i])

{

currcolor=i;

text="You have chosen "+colours[i]; repaint();

14

return true;

}

}

return false;

}

}

Output:

15

Result:

Thus the implementation of Colour picker applet to apply foreground and background colour was successfully completed.

16

Ex No: 5a Invoking Servlet from HTMLDate:

Aim:

To write program in Java using Servlets to invoke servlets from HTML forms.

Algorithm:

Step 1: Create a web page with two text fields and name it as “Web.html”.

Step 2: Create a servlet program using http which gets the values entered in the text fields and

name it as “PostParam.java”.

Step 3: Open NetBeans and create new project of Web Application

Step 4: Include the HTML file and Servlet program in that project.

Step 5: Click Clean&Build option and Run the project.

Program:

Web.html:

<HTML><head>

<TITLE>INVOKING SERVLET FROM HTML</TITLE>

</head>

<BODY><CENTER>

<FORM name = "PostParam" method = "Post" action="PostParam">

<TABLE>

<tr>

<td><B>Employee </B></td>

<td><input type = "textbox" name="ename" size="25"

value=""></td>

</tr>

<tr>

<td><B>Phone </B></td>

<td><input type = "textbox" name="phoneno" size="25"

value=""></td>

</tr>

</TABLE>

<INPUT type = "submit" value="Submit">

</FORM></CENTER></body></html>17

PostParam.java:

import java.io.*;

importjava.util.*;

importjavax.servlet.*;

public class PostParam extends GenericServlet

{

public void service(ServletRequestrequest,ServletResponse response) throws ServletException,IOException

{

PrintWriterpw = response.getWriter();

Enumeration e = request.getParameterNames();

while(e.hasMoreElements())

{

String pname = (String)e.nextElement();

pw.print(pname + " = ");

String pvalue = request.getParameter(pname);

pw.println(pvalue);

}

pw.close();

}

}

18

Output:

Result:

Thus program in Java using Servlets to invoke servlets from HTML forms was successfully created.

19

Ex No: 5b Invoking Servlet from AppletDate:

Aim:

To write program in Java using Servlets to invoke servlets from Applets

Algorithm:

Step 1: Create a web page name it as “index.html”.

Step 2: Create a Applet Program using Java which gives the user interface for the calculator application and name it as “UserInterface.java”.

Step 3: Create a Calculator application using java by implementing the UserInterface.java class and name it as “Calculator.java”.


Step 5: Include the HTML file and Applet program in that project.


Program:

index.html:

<HTML><HEAD><TITLE> A Simple Program </TITLE></HEAD><BODY>Here is the output of my program:<APPLET CODE="UserInterface.class" WIDTH=300 HEIGHT=250></APPLET></BODY></HTML>

UserInterface.java:importjava.applet.Applet;importjava.awt.Button;importjava.awt.Graphics;importjava.awt.TextField;importjava.awt.event.ActionEvent;importjava.awt.event.ActionListener;importjava.awt.event.MouseAdapter;importjava.awt.event.MouseEvent;importjava.awt.event.MouseListener;importjava.io.BufferedInputStream;

20

importjava.io.BufferedOutputStream;importjava.io.BufferedReader;importjava.io.ByteArrayInputStream;importjava.io.IOException;importjava.io.InputStream;importjava.io.OutputStream;importjava.net.HttpURLConnection;import java.net.URL;

public class UserInterface extends Applet implements ActionListener{

privateTextField number1;private Button submit;privateTextField number2;privateTextField number3;

public void init(){setLayout(null);

submit = new Button("Add"); number1 = new TextField("Enter Number 1",100); number2 = new TextField("Enter Number 2",100); number3 = new TextField("Answer will be displayed here",100);

number1.setBounds(20, 20, 140, 30);number2.setBounds(20, 70, 140, 30);number3.setBounds(20, 120, 140, 30);submit.setBounds(20, 170, 140, 30);

number3.setEditable(false);

add(submit); add(number1); add(number2); add(number3);

submit.addActionListener(this);

MouseAdapterforTextClear = new MouseAdapter() {public void mouseClicked(java.awt.event.MouseEventevt) {

TextField text = (TextField) evt.getSource();text.setText("");

} };

number1.addMouseListener(forTextClear);number2.addMouseListener(forTextClear);

21

}

public void actionPerformed(ActionEventevt) { if (evt.getSource() == submit) {

URL codeBase = getCodeBase();try {

/* * Below is more generic way. For this applet also need to be hosted. * */ //URL servletURL = new URL(codeBase.getProtocol(), codeBase.getHost(), codeBase.getPort(), "/calculate/do?number1=5&number2=6");URL servletURL = new URL("http://localhost:8080/calculate/do?number1=" + number1.getText() + "&number2=" + number2.getText());HttpURLConnection conn =

(HttpURLConnection)servletURL.openConnection();conn.setDoOutput(true);conn.setRequestMethod("GET");System.out.println(conn.getResponseCode());BufferedInputStreamBufStream = new

BufferedInputStream(conn.getInputStream());byte[] contents = new byte[1024];

intbytesRead=0; String reply = null; while( (bytesRead = BufStream.read(contents)) != -1){

reply = new String(contents, 0, bytesRead); }number3.setText(reply); } catch(Exception ex){

ex.printStackTrace(); }

} } }

22

Calculator.java

package calculator;

importjava.io.IOException;importjava.io.PrintWriter;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;

public class Calculator extends HttpServlet{

@Overridepublic void doGet(HttpServletRequest request, HttpServletResponse response)

throws IOException{

try{

Integer number1 = Integer.parseInt(request.getParameter("number1"));Integer number2 = Integer.parseInt(request.getParameter("number2"));PrintWriter out = response.getWriter();Integer number3 = number1+number2;out.write(number3.toString());

}catch(Exception ex){

ex.printStackTrace();}

}}

Output:

23

Result:

Thus program in Java using Servlets to invoke servlets from Applets was successfullycreated.

24

Ex No: 6a Online Examination using JSPDate:

Aim:

To write programs in Java to create three-tier applications using JSP and Databases for conducting on-line examination.

Algorithm:

Step 1: Create the web page with form and questions using HTML.

Step 2: Create the Java script program to check the data in the web page.


Step 4: Include the HTML file and JSP program in that project.

Step 5: Create the Database with the MS Access.

Step 6: Connect the Database with the web page using jdbc:odbc:driver.

Step 7: Store the result in the database.


Program:

Online.html:

<html><head><title>Database Test</title></head>

<body>

<center><h1>Online Examination</h1></center>

<form action="online.jsp" method="POST">

<div align="left"><br></div>

<b>Seat Number:</b><input type="text" name="Seat_no">

<div align="Right">

<b>Name:</b><input type="text" name="Name" size="50"><br>

</div>

<br><br>

<b>1. Every host implements transport layer.</b><br/>

<input type="radio" name="group1" value="True">True

<input type="radio" name="group1" value="False">False<br>

<b>2. It is a network layer's responsibility to forward packets reliably fromsource to destination</b><br/>


25


<b>3. Packet switching is more useful in bursty traffic</b><br/>



<b>4. A phone network uses packet switching</b><br/>



<b>5. HTML is a Protocol for describing web contents</b><br/>



<br><br><br>

<center>

<input type="submit" value="Submit"><br><br>

</center></form></body></html>

Online.jsp:

<%@ page contentType="text/html" language="java” import="java.sql.*,java.io.*"%>

<html><head>

<title>Three Tier Application: Online exam</title>


body{color:blue;font-family:courier;text-align:center}

</style></head><body>

<%

String message,Seat_no,Name,ans1,ans2,ans3,ans4,ans5;

int Total=0;

Connection connect;

Statement stmt=null;

ResultSetrs=null;

%>

<%

String url="jdbc:odbc:NEO";

Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

connect=DriverManager.getConnection(url," "," ");

message="Thank you for participating in online Exam";

26

%>

<% Seat_no=request.getParameter("Seat_no");

Name=request.getParameter("Name");

ans1=request.getParameter("group1");


ans3=request. getParameter("group3");



if(ans1.equals("True"))

Total+=2;

if(ans2.equals("False"))

Total+=2;

if(ans3.equals("True"))

Total+=2;


Total+=2;


Total+=2;

%>

<%

stmt=connect.createStatement();

String query="INSERT INTO student("+"Seat_no,Name,Total"+") VALUES('"+Seat_no+"','"+Name+"','"+Total+"')";

int result=stmt.executeUpdate(query);

%>

<%

rs=stmt.executeQuery("SELECT * FROM student");

%>

<table border="1">

<th>seat no</th><th>name</th>

<th>mark</th>

<%

while(rs.next())

{

27

%>

<tr><td><%=rs.getObject(1)%></td>

<td><%=rs.getObject(2)%></td>

<td><%=rs.getObject(3)%></td></tr>

<%

}

%>

</table>

<br/></body></html>

Database table:

Output :

28

Result:

Thus program to create three-tier applications using JSP and Databases for conducting on-line examination has successfully created.

29

Ex No: 6b Student Mark details using JSPDate:

Aim:

To write java programs to create three-tier applications using JSP and Databases to display the student marks.

Algorithm:

Step 1: Create the web page with one text field to get register number using HTML.

Step 2: Create the Java script program to get the data in the web page.


Step 4: Include the HTML file and JSP program in that project.




Step 8: Display the marks in the database.

Program:

Stud.html:

<html><head><title>Three Tier Application</title>




<h2>EXAMINATION RESULT</h2><hr/>

<form name="f1" method="GET" action="marklist.jsp">

Enter Your Reg.No:

<input type="text" name="rno"/><br/><br/>

<input type="submit" value="SUBMIT"/>

</form></body><html>

Marklist.jsp

<%@ page contentType="text/html" language="java" import="java.sql.*"%>

30





<h2>EXAMINATION RESULT</h2><hr/>

<%

String str1=request.getParameter("rno");


Connection con=DriverManager.getConnection("jdbc:odbc:studmarkjsp");

Statement stmt=con.createStatement();

String qry="SELECT * FROM student WHERE regno=" + "'"+str1+"'";

ResultSetrs=stmt.executeQuery(qry);

while(rs.next())

{

%>

Register Number:<%=rs.getObject(1)%><br/>

Name:<%=rs.getObject(2)%><br/>

<table border="1">

<th>SUBJECT</th><th>Mark</th>

<tr><td>Network Programming and Management</td><td><%=rs.getObject(3)%></td></tr>

<tr><td>Object Oriented Analysis and Design</td><td><%=rs.getObject(4)%></td></tr>

<tr><td>Cryptography and Network Security</td><td><%=rs.getObject(5)%></td></tr>

<tr><td>Embedded Systems</td><td><%=rs.getObject(6)%></td></tr>

<tr><td>Web Technology</td><td><%=rs.getObject(7)%></td></tr>

<tr><td>Software Requirement and Engineering</td><td><%=rs.getObject(8)%></td>

</table>

<%

}

%>

<br/>

</body></html>

31

Database Table:

Output:

Result:

Thusprogram to create three-tier applications using JSP and Databases for on-line Student mark-list result has successfully created.

32

Ex No: 7 XML –Schema-XSLT/XSLDate:

Aim:

To Write Programs using XML – Schema – XSLT/XSL.

Algorithm:

Step 1: Start the Program

Step 2: Create a xml file with root element as product.

Step 3: Define the sub elements under the product.

Step 4: Create a style for XSLT with focus on each item.

Step 5: Include the XSLT file in XML using “href”, to display the product details in

specified format.

Step 6: Stop

Program:

Product.xml:

<?xml version="1.0" standalone="no"?>

<?xml-stylesheet type="text/xsl" href="product.xsl"?>

<!DOCTYPEproductdet[



<!ELEMENT code (#PCDATA)>

<!ELEMENT item (#PCDATA)>

<!ELEMENT capacity (#PCDATA)>

<!ELEMENT price (#PCDATA)>

<!ELEMENT company (#PCDATA)>

]>

<productded>

<product>

<code>A001</code>

<item>pendrive</item>

<capacity>8gb</capacity>

<price>700</price>

<company>trascend</company>

</product>33

<product>

<code>A002</code>

<item>hard disk</item>

<capacity>80gb</capacity>

<price>5600</price>

<company>seagate</company>

</product>

</productded>

Product.xsl:

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">

<html><head><title>outputdocument</title></head>

<body>

<p><center><b>PRODUCT DETAILS ARE:</b></center></p>

<table border="1" align="center">

<tr><th>code</th><th>item</th><th>capacity</th><th>price</th><th>company</th></tr>

<xsl:for-each select="//product" >

<tr><td><xsl:value-of select="code"/></td>

<td><xsl:value-of select="item"/></td>

<td><xsl:value-of select="capacity"/></td>

<td><xsl:value-of select="price"/></td>

<td><xsl:value-of select="company"/></td></tr>

</xsl:for-each>

</table></body></html>

</xsl:template></xsl:stylesheet>

34

Output:

Result:

Thus programs using XML – Schema – XSLT/XSL was successfully created.

35

Ex No: 8 AJAXDate:

Aim:

To write a programs using AJAX.

Algorithms:

Step 1: Start the Program

Step 2: Create a HTML filewith multiple divisions using”<div>” tag.

Step 3: Call the reload function when submit event occurs.

Step 4: Define reload function with xmlhttp object to process the request.

Step 5:Refer the text file to update the web page

Step 6: Stop

Program:

Sample.html:

<!DOCTYPE html>

<html><head>

<script>

functionloadXMLDoc()

{

varxmlhttp;

if (window.XMLHttpRequest)

{

xmlhttp=new XMLHttpRequest();

}

else

{

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 &&xmlhttp.status==200)

{

document.getElementById("myDiv").innerHTML=xmlhttp.responseT

ext;36

}

}

xmlhttp.open("GET","ajax_info.txt",true);

xmlhttp.send();

}

</script>

</head>

<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>

<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body></html>

ajax_info.txt:

AJAX is not a new programming language

AJAX is a technique for creating fast and dynamic web pages.

Output:

Result:

Thus programs using AJAX was successfully created.

37

Ex No: 9 Web Services – Airline Ticket ReservationDate:

Aim:

To implement the following scenario using Web Services and Data base.

Consider a case where we have two web Services- an airline service and a travel agent and the travel agent is searching for an airline.

Algorithms:

Step 1: Create the web page with 3 text fields and 1 drop list to get source, destination places and date of travel and no. of seats using HTML.

Step 2: Create the Java script program to get the data and display the flight details according to the no. of seats by comparing the database in the web page.

Step 3: Create another Java script program to get the flight no. and passenger’s nameand ID proof.

Step 4: pen NetBeans and create new project of Web Application

Step 5: Include the HTML file and JSP programs in that project.




Step 9: Display the flight and booking in the database.

Program:

Airline.html:

<html><head><title>Airline Ticket Reservation System</title>


body{color:blue;font-family:verdana;}

</style>

</head>

<body>

<h2>Airline Ticket Reservation System</h2><hr/>

<form name="f1" method="GET" action="index.jsp">

Enter source:

<input type="text" name="src"/><br/><br/>

Enter Destination:

<input type="text" name="dstn"/><br/><br/>

38

Enter Travel Date:

<input type="text" name="date"/><br/><br/>

Enter No of seats:

<input type="text" name="seat"/><br/><br/>

<input type="submit" value="SUBMIT"/>

</form></body><html>

Booking.jsp:

<%@ page contentType="text/html" language="java" import="java.sql.*,java.io.*"%>

<html><head><title>Booking Details</title>




<%

String fno,pn,id,idno;

intscount;

Connection connect;

Statement stmt=null;

ResultSetrs=null;

%>

<%

String url="jdbc:odbc:booking";


connect=DriverManager.getConnection(url," "," ");

%>

<%

fno=request.getParameter("fno");

pn=request.getParameter("pn");

id=request.getParameter("id");

idno=request.getParameter("idno");

String s4=request.getParameter("sc");

scount=Integer.parseInt(s4);

39

%>

<%


String query="INSERT INTO booking("+"fno,pn,id,idno"+") VALUES('"+fno+"','"+pn+"','"+id+"','"+idno+"')";

int result=stmt.executeUpdate(query);

%>

<%

rs=stmt.executeQuery("SELECT * FROM booking where idno='"+idno+"'");

while(rs.next())

{

%>

<table><tr><td>Flight No:<%=rs.getObject(1)

%>

</td></tr>

<tr><td>P Name:<%=rs.getObject(2)

%></td></tr>

<tr><td>ID:<%=rs.getObject(3)

%>

</td></tr>

<tr><td>ID No: <%=rs.getObject(4)

%>

</td></tr>

</table>

<%

}

%>

<%


connect=DriverManager.getConnection("jdbc:odbc:flight");


String query1="UPDate FLIGHT SET SEAT=seat-"+s4+" where flightno='"+fno+"'";

int result1=stmt.executeUpdate(query1);

%>

40

<br/></body></html>

Flightdb.jsp:

<%@ page contentType="text/html" language="java" import="java.sql.*"%>



body{color:blue;font-family:courier;}


<h2>Ticket Reservation </h2><hr/>

<%

int s1;

String str1=request.getParameter("src");

String str2=request.getParameter("dstn");

String str4=request.getParameter("date");

String str5=request.getParameter("dep");

String str6=request.getParameter("arr");

String str3=request.getParameter("seat");

s1=Integer.parseInt(str3);


Connection con=DriverManager.getConnection("jdbc:odbc:flight");

Statement stmt=con.createStatement();

String qry="SELECT * FROM FLIGHT WHERE src=" + "'"+str1+"'and dstn=" + "'"+str2+"'"+"and seat >="+s1;

ResultSetrs=stmt.executeQuery(qry);

%>

<table border="1"><th>FlightNo</th><th>Flight</th><th>Source</th><th>Destination</th><th>DateDept</th><th>Dept</th><th>Arrl</th><th>seat</th>

</table>

<%

while(rs.next())

{

%>

<table border="1">

<tr><td><%=rs.getObject(1)%> </td>


41






<td><%=rs.getObject(8)%></td></tr>

</table>

<%

}

%>

<br/><h2><b>

<br><br><br>Book your Ticket from the options available above<br><br><br><br>

<form name="f1" action="booking.jsp">

<table>

<tr><td><b>Enter Flight Number:</td><td><input type="text" name="fno"></td></tr>

<tr><td><b>passenger name1:</td><td><input type="text" name="pn"></td></tr>

<tr><td><b>passenger ID proof:</td><td><input type="text" name="id"></td></tr>

<tr><td><b>passenger ID No:</td><td><input type="text" name="idno"></td></tr>

<tr><td><b> No of Seats:</td><td><input type="text" name="sc"></td></tr>

</h2>

</table><input type="submit" value="BOOK"/>

</form></body></html>

Database tables:

Flight details:

42

Booking details:

Output:

43

Result:

Implementation of the given scenario using Web Services and Database was successfully created.

44

ip lab record

Documents

repeat step

validated step

external css file step

style attribute

internalcascading style

style changes

external cascading style

cascading style sheets