Name :              

Credit cardno :

 Three Digit CVV no.: 

Expiry Date - Month : Select Jan Feb Mar Year : Select 2000 2001 2002 2003 2004 2005

Shipping Address :

                             17

  

18

7. Order

THANK  U

---

your order is confirmed!

you will get order by free delivery

Thank "U" visit again

19

2.

VALIDATION AIM:  To do validation for registration page using JavaScript. DESCRIPTION:

Write  JavaScript  to registration page.

validate

the

following

fields

of

the

above

1. Name (Name should contains alphabets and the length should not be less than 6 characters). 2. Password (Password should not be less than 6 characters length). 3. E-mail id (should not contain any invalid and must follow the standard pattern ([email protected]) 4. Phone number (Phone number should contain 10 digits only). 1.

Note: You can also validate the login page with these parameters Home page.html 2. Login <script> function f() { if(document.getElementById('uid').value.length==0) alert("UserId can't e blank"); else if(document.getElementById('pwd').value.length==0) alert("Password can't be blank"); else { alert("successfully logged in"); window.open("Welcome.html");} }






20

UserId :
Passowrd:



New User: REGISTER 3.

User Registration Form <SCRIPT language=javascript> function verify(form) { if(document.forms[0].elements[0].value=="") { alert("Please Enter User ID"); document.forms[0].elements[0].focus(); return(false); } if(document.forms[0].elements[1].value=="") { alert("Please Enter your Password"); document.forms[0].elements[2].value=""; document.forms[0].elements[1].focus(); return(false); } if(document.forms[0].elements[1].value.length<4) {alert("Password must be greater than 4 character"); document.forms[0].elements[1].value=""; document.forms[0].elements[2].value=""; document.forms[0].elements[1].focus(); return(false); } if(document.forms[0].elements[2].value=="") { alert("Please Enter your Confirm Password"); document.forms[0].elements[2].focus(); return(false); } if((document.forms[0].elements[1].length)! =(document.forms[0].elements[2].length)) { alert("Your Password does not match with Confirm Password"); document.forms[0].elements[1].value=""; document.forms[0].elements[2].value=""; document.forms[0].elements[1].focus(); return(false); } if((document.forms[0].elements[1].length)==(document.forms[0].eleme nts[2].length)) { 21

if((document.forms[0].elements[1].value)! =(document.forms[0].elements[2].value)) { alert("Your Password does not match with Confirm Password"); document.forms[0].elements[1].value=""; document.forms[0].elements[2].value=""; document.forms[0].elements[1].focus(); return(false); } } if(document.forms[0].elements[3].value=="secq") { alert("Please Select your Security Question"); document.forms[0].elements[3].focus(); return(false); } if(document.forms[0].elements[4].value=="") { alert("Please Answer the security question"); document.forms[0].elements[4].focus(); return(false); } if(document.forms[0].elements[5].value=="DD") { alert("Please select Day of DOB"); document.forms[0].elements[5].focus(); return(false); } if(document.forms[0].elements[6].value=="MM") { alert("Please select Month of DOB"); document.forms[0].elements[6].focus(); return(false); } if(document.forms[0].elements[7].value=="YYYY") { alert("Please select Year of DOB"); document.forms[0].elements[7].focus(); return(false); } }

New User Registration Form

* Indicates all the fields are mandatory

---

* User ID:               & nbsp;  * (Contains only letters (a-z), numbers (0-9) and underscore) 22



* Password:                *(Password should be of  minimum 4(four) and maximum 10(ten) characters.

* Re-Type Password

---

If you forget your password, you can retrieve it by answering your unique hint question.
Frame your question such that only you know its answer.

* Select a question forgetting password : Select a hit question ? What is your favourite multimedia software? What is your favourite game? who is your favourite Cricketer?

* Hit Answer:                      & nbsp;         &nb sp;           ;  (Write Your Answer)

---

DD MM YYYY
* Date of Birth :     Day 1 2 3 4 5 6 7 8 9 23

10 11 12 Month JAN FEB MAR APR MAY JUN JUL AUG SEP OCT NOV DEC Year 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010

<SCRIPT language=javascript> function verify(form) { if(document.forms[0].elements[0].value=="") { 24

alert("Please Enter User ID"); document.forms[0].elements[0].focus(); return(false); } if(document.forms[0].elements[1].value=="") { alert("Please Enter your Password"); document.forms[0].elements[2].value=""; document.forms[0].elements[1].focus(); return(false); } if(document.forms[0].elements[1].value.length<4) { alert("Password must be greater than 4 character"); document.forms[0].elements[1].value=""; document.forms[0].elements[2].value=""; document.forms[0].elements[1].focus(); return(false); } if(document.forms[0].elements[2].value=="") { alert("Please Enter your Confirm Password"); document.forms[0].elements[2].focus(); return(false); } if((document.forms[0].elements[1].length)! =(document.forms[0].elements[2].length)) { alert("Your Password does not match with Confirm Password"); document.forms[0].elements[1].value=""; document.forms[0].elements[2].value=""; document.forms[0].elements[1].focus(); return(false); } if((document.forms[0].elements[1].length)==(document.forms[0].eleme nts[2].length)) { if((document.forms[0].elements[1].value)! =(document.forms[0].elements[2].value)) { 25

alert("Your Password does not match with Confirm Password"); document.forms[0].elements[1].value=""; document.forms[0].elements[2].value=""; document.forms[0].elements[1].focus(); return(false); } } if(document.forms[0].elements[3].value=="secq") { alert("Please Select your Security Question"); document.forms[0].elements[3].focus(); return(false); } if(document.forms[0].elements[4].value=="") { alert("Please Answer the security question"); document.forms[0].elements[4].focus(); return(false); } if(document.forms[0].elements[5].value=="DD") { alert("Please select Day of DOB"); document.forms[0].elements[5].focus(); return(false); } if(document.forms[0].elements[6].value=="MM") { alert("Please select Month of DOB"); document.forms[0].elements[6].focus(); return(false); } if(document.forms[0].elements[7].value=="YYYY") { alert("Please select Year of DOB"); document.forms[0].elements[7].focus(); return(false); } } 26

<META content="MSHTML 6.00.2900.2180" name=GENERATOR> New User Registration Form

* Indicates all the fields are mandatory

---

* User ID:         ;         * (Contains only letters (a-z), numbers (0-9) and underscore)

* Password:           & nbsp;   *(Password should be of  minimum 4(four) and maximum 10(ten) characters.

* Re-Type Password

---

If you forget your password, you can retrieve it by answering your unique hint question.
Frame your question such that only you know its answer.

* Select a question forgetting password : Select a hit question ? What is your favourite 27

multimedia software? What is your favourite game? who is your favourite Cricketer? who is your favourite Film Actor? what is your favourite food?

* Hit Answer:                      & nbsp;                & nbsp;      (Write Your Answer)

---

DD MM YYYY
* Date of  Birth:     Day 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 28

30 31 MonthJAN FEB MAR APR MAY JUN JUL AUG SEP OCTNOV DEC Year 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2019 2020

Gender:        &nb sp;       Male Female

Contact No:           & nbsp; -

Mobile No:           & nbsp; 
maxLength=15 size=18 name=mobno>

Email:     &n bsp;         &nbs p;      
Address:           & nbsp;      

---

alue=2019>20192020

Gender:        &nb sp;       Male Female

Contact No:           & nbsp; -

Mobile No:           & nbsp; 

Email:     &n bsp;         &nbs p;      
Address:      & nbsp;           

---

30

31

4.

Create Your Profile

Create Your Profile Now

Enter your First Name :

Enter your Last Name :

Date of Birth :                day 1 2 3 4 month Jan Feb Mar Apr Year 1990 1991 1992

Gender :                      Male Female

City :       & Select cityHyderabad SecundrabadBangalore Delhi Mumbai

State :                 32

Select StateAndhraPradesh < /option> Maharashtra Karnataka UttarPradesh

Country :           & nbsp         Select Country India China SriLanka Saudi Arabia

Zip Code :                   

             

<script>
{ alert("Please select Month of DOB"); document.forms[0].elements[3].focus(); return(false); } if(document.forms[0].elements[4].value=="yyyy") { alert("Please select Year of DOB"); document.forms[0].elements[4].focus(); return(false); } if(document.forms[0].elements[7].value=="city") { alert("Please Select Your city"); document.forms[0].elements[7].focus(); return(false); } if(document.forms[0].elements[8].value=="state") { alert("Please Select Your State"); document.forms[0].elements[8].focus(); return(false); } if(document.forms[0].elements[9].value=="country") { alert("Please Select Your country"); document.forms[0].elements[9].focus(); return(false); } if(document.forms[0].elements[10].value=="") { alert("Please enter your zip code"); document.forms[0].elements[10].focus(); return(false); } } -->

5.

Catalog 34



3. Create and save an XML document at the server, which contains 10 users information. Write a program which takes User Id as input and returns the user details by taking the user information from the XML document.

User.xml usr01 Gouse

DSNR

42

8801550101 [email protected] usr02 D D Divakar Divakar

Ameerpet

9888888888 D [email protected] [email protected] usr03 Rajinth

SR Nagar

9866666666 [email protected] usr04 M M Vijaya Vijaya

DESHMUKHI

9835994445 M [email protected]< [email protected] /email> usr05 Kusuma

KOTI

968877555 [email protected] usr06 P P Kalpana

KOTI

968875554 P [email protected] mail> usr07 V V Anitha

KPHB

968888554 V [email protected]< [email protected] /email> 43

usr08 M Ramesh

IBP

968878554 M [email protected] usr09 Raswitha

DSNGR

968899554 [email protected] usr10 A A Prasanna >

KPHB

9088008554 A [email protected]< [email protected] /email> User.html <script language="javascript"> function fncDisplayInfo() { var xhttp=null; var flag=0; var userid = document.frm.uname.v document.frm.uname.value; alue; var xmlDoc = new ActiveXObject("microsoft.xmldom"); xmlDoc.load("user.xml"); var noOfUsers = xmlDoc.getElementsByTagName("use xmlDoc.getElementsByTagName("userlist")[0].childNodes.length; rlist")[0].childNodes.length; for(var i=0;i
{ var uid =xmlDoc.getElementsByTagName("user") [i].childNodes[0].childNodes[0].nodeValue; if(uid == userid) { document.write("

document.write("

User Details

"); var userName = xmlDoc.getElementsByTagName("user") [i].childNodes[1].childNodes[0].nodeValue; var Address =xmlDoc.getElementsByTagName("user") [i].childNodes[2].childNodes[0].nodeValue; var phone = xmlDoc.getElementsByTagName("user") [i].childNodes[3].childNodes[0].nodeValue; var email= xmlDoc.getElementsByTagName("user") [i].childNodes[4].childNodes[0].nodeValue; document.write("
U document.write("
User ser ID :      "+uid) document.write("
User document.write("
User Name : "+userName); document.write("
Address :       "+Address); document.write("
Phone document.write("
Phone no :      "+phone); document.write("
E document.write("
E - Mail :       "+email); flag =1; break; } } if(flag==0) { alert("InValid User"); } }

User

User Information

45

User ID :

46

47

4. Developing a Simple Bean Using the BDK:

 This section presents an example that shows how to develop a simple Bean and connect it to other components via the BDK. Our new component is called the Colors Bean. It appears as either a rectangle or ellipse that is filled with a color. A color is chosen at random when the Bean begins execution. A public method can be invoked to change it. Each time the mouse is clicked on the Bean, another random color is chosen. There is one boolean read/write property that determines the shape. The BDK is used to lay out an application with one instance of the Colors Bean and one instance of the OurButton Bean. The button is labeled “Change.” Each time it is pressed, the color changes.G JAVA Create a New Bean Here are the steps that you must follow to create a new Bean: 1.

Create a directory for the new Bean.

2.

Create the Java source file(s).

3.

Compile the source file(s).

4.

Create a manifest file.

5.

Generate a JAR file.

6.

Start the BDK.

7.

Test.

 The following sections discuss each of these steps in detail. Create a Directory for the New Bean  You need to make a directory for the Bean. To follow along with this example, create c:\bdk\demo\sunw\demo\colors. Then change to that directory.

 The Colors and OurButton Beans Create the Source File for the New Bean 48

 The source code for the Colors component is shown in the following listing. It is located in the file Colors.java.  The import statement at the beginning of the file places it in the package named sunw.demo.colors . Recall from Chapter 9 that the directory hierarchy corresponds to the package hierarchy. Therefore, this file must be located

in a subdirectory named sunw\demo\colors relative to the

CLASSPATH environment variable. The color of the component is determined

by the private Color variable color, and its shape is determined by the private boolean variable rectangular.

 The

constructor

defines

an

anonymous

inner

class

that

extends

MouseAdapter and overrides its mousePressed( ) method. The change( )

method is invoked in response to mouse presses. The component is initialized to a rectangular shape of 200 by 100 pixels. The change( ) method is invoked to select a random color and repaint the component.  The getRectangular( ) and setRectangular( ) methods provide access to the one property of this Bean. The change( ) method calls randomColor( ) to choose a color and then calls repaint( ) to make the change visible. Notice that the paint( ) method uses the rectangular and color variables to determine how to present the Bean. // A simple Bean. package sunw.demo.colors; import java.awt.*; import java.awt.event.*; public class Colors extends Canvas { transient private Color color; private boolean rectangular; public Colors() {addMouseListener(new MouseAdapter() { public void mousePressed(MouseEvent me) {change(); }}); rectangular = false; setSize(200, 100); change(); } 49

public boolean getRectangular() { return rectangular; } public void setRectangular(boolean flag) { this.rectangular = flag; repaint(); } public void change() { color = randomColor(); repaint(); } private Color randomColor() { int r = (int)(255*Math.random()); int g = (int)(255*Math.random()); int b = (int)(255*Math.random()); return new Color(r, g, b); } public void paint(Graphics g) { Dimension d = getSize(); int h = d.height; int w = d.width; g.setColor(color); if(rectangular) { g.fillRect(0, 0, w-1, h-1); } else { g.fillOval(0, 0, w-1, h-1); }}} Compile the Source Code for the New Bean Compile the source code to create a class file. Type the following: javac Colors.java. Create a Manifest File  You must now create a manifest file. First, switch to the c:\bdk\demo directory. This is the directory in which the manifest files for the BDK demos are located. Put the source code for your manifest file in the file colors.mft . It is shown here: Name: sunw/demo/colors/Colors.class 50

 Java-Bean: True  This file indicates that there is one .class file in the JAR file and that it is a Java Bean. Notice that the Colors.class file is in the package sunw.demo.colors and in the subdirectory sunw\demo\colors relative to the current directory. Generate a JAR File Beans are included in the ToolBox window of the BDK only if they are in JAR files in the directory c:\bdk\jars. These files are generated with the jar utility. Enter the following:  jar cfm ..\jars\colors.jar colors.mft sunw\demo\colors\*.class  This command creates the file colors.jar and places it in the directory c:\bdk\jars. (You may wish to put this in a batch file for future use.) Start the BDK  Change to the directory c:\bdk\beanbox and type run. This causes the BDK  to start. You should see three windows, titled ToolBox, BeanBox, and Properties. The ToolBox window should include an entry labeled “Colors” for your new Bean. Create an Instance of the Colors Bean After you complete the preceding steps, create an instance of the Colors Bean in the BeanBox window. Test your new component by pressing the mouse anywhere within its borders. Its color immediately changes. Use the Properties window to change the rectangular property from false to true. Its shape immediately changes. Create and Configure an Instance of the OurButton Bean Create an instance of the OurButton Bean in the BeanBox window. Then follow these steps: 51

1.

Go to the Properties window and change the label of the Bean to “Change”. You should see that the button appearance changes immediately when this property is changed.

2.

Go to the menu bar of the BeanBox and select Edit | Events | action | actionPerformed.

3.

Move the cursor so that it is inside the Colors Bean display area, and click the left mouse button. You should see the Event Target Dialog dialog box.

4.

The dialog box allows you to choose a method that should be invoked when this button is clicked. Select the entry labeled “change” and click the OK button. You should see a message box appear very briefly, stating that the tool is “Generating and compiling adaptor class.”

5.

Click on the button. You should see the color change.  You might want to experiment with the Colors Bean a bit before moving

on. Output:

52

a. ConvertBean.java import java.awt.*; import java.awt.event.*; import javax.swing.*; import javax.swing.border.*; import javax.swing.BorderFactory; public class ConvertBean extends JFrame implements ActionListener {  JPanel np,cp;  JLayeredPane lp1,lp2;  JLabel lblrupees,lbl_america,lbl_africa,lbl_australia,lbl_safrica,lbl_singa;  JTextField tfrupees; //JButton convert;  JTextField tf_america,tf_africa,tf_australia,tf_safrica,tf_singa; public ConvertBean() { setSize(600,400); setTitle("Converting Rupees to Dollars"); np=new JPanel(); cp=new JPanel(); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); lblrupees=new JLabel("Enter the Amount in Rupees"); lbl_america=new JLabel("American Dollars"); lbl_africa=new JLabel("Afirca Dollars"); lbl_australia=new JLabel("Australia Dollars"); lbl_safrica=new JLabel("South Afirca Dollars"); lbl_singa=new JLabel("Singapoor Dollars"); tfrupees=new JTextField(10);tfrupees.setPreferredSize(new Dimension(300,50)); //convert=new JButton("Convert"); //convert.setPreferredSize(new Dimension(1000,50)); tfrupees.addActionListener(this); tf_america=new JTextField(5);tf_america.setEditable(false); tf_africa=new JTextField(5);tf_africa.setEditable(false); tf_australia=new JTextField(5);tf_australia.setEditable(false); tf_safrica=new JTextField(5);tf_safrica.setEditable(false); tf_singa=new JTextField(5);tf_singa.setEditable(false); lp1=new JLayeredPane(); 53

lp1.setPreferredSize(new Dimension(400,50)); lp1.setLayout(new GridLayout(2,1,6,6)); lp1.add(lblrupees);lp1.add(tfrupees); //lp1.add(convert); Font f=new Font("serif",1,20); np.setBorder(BorderFactory.createTitledBorder(BorderFactory.create EtchedBorder(),"Convering rupees to Dollars ",TitledBorder.CENTER,TitledBorder.ABOVE_TOP,f,Color.magenta)); np.add(lp1); getContentPane().add(np,"North"); lp2=new JLayeredPane(); lp2.setLayout(new GridLayout(5,1,6,6)); lp2.setPreferredSize(new Dimension(300,150)); lp2.add(lbl_america);lp2.add(tf_america); lp2.add(lbl_africa);lp2.add(tf_africa); lp2.add(lbl_australia);lp2.add(tf_australia); lp2.add(lbl_safrica);lp2.add(tf_safrica); lp2.add(lbl_singa);lp2.add(tf_singa); cp.add(lp2); getContentPane().add(cp,"Center"); show(); } public static void main(String args[]) { new ConvertBean(); } public void actionPerformed(ActionEvent ae) { double amount=Double.parseDouble(tfrupees.getText()); beanpackage.DollarBean db=new beanpackage.DollarBean(); db.setAmericanDollars(amount); tf_america.setText(db.getAmericanDollars()+"$"); db.setAfricanDollars(amount); tf_africa.setText(db.getAfricanDollars()+"$"); db.setAustralianDollars(amount); tf_australia.setText(db.getAustralianDollars()+"$"); db.setSouthAfricanDollars(amount); tf_safrica.setText(db.getSouthAfricanDollars()+"$"); 54

db.setSingapoorDollars(amount); tf_singa.setText(db.getSingapoorDollars()+"$"); } } b. ConvertDemo.java import javax.swing.*; import java.awt.*; import java.sql.*; import java.awt.event.*; import java.util.*; public class ConvertDemo extends JFrame implements ActionListener {  JPanel p1,p2,p3,p4,p5,p6;  JButton b1,b2,b3,b4;  JTextField tfenam,tfdept,tfestb,tfddoc,tfddon,tf1,tf2,tf3,tf4,tf5,tf6,tf7,tf8; String st1; String DateString=""; public ConvertDemo() { setSize(820,580); setTitle("Converting Rupees into Dollars"); Font f=new Font("serif",1,16); p1=new JPanel(); p2=new JPanel(); p3=new JPanel(); p4=new JPanel(); p5=new JPanel(); p6=new JPanel(); tfenam=new JTextField();tfenam.setFont(f);tfenam.setEnabled(true); tfdept=new JTextField();tfdept.setFont(f);tfdept.setEnabled(true); tfestb=new JTextField();tfestb.setFont(f);tfestb.setEnabled(true); tfddoc=new JTextField();tfddoc.setFont(f);tfddoc.setEnabled(true); tfddon=new JTextField();tfddon.setFont(f);tfddon.setEnabled(true); tf1=new JTextField(7);tf1.setFont(f); tf2=new JTextField(7);tf2.setFont(f); tf3=new JTextField(7);tf3.setFont(f); tf4=new JTextField(7);tf4.setFont(f); b1=new JButton("convert");b1.addActionListener(this); 55

p2.add(b1); p2.add(b2); p2.add(b3); p2.add(b4);  JLabel  JLabel  JLabel  JLabel  JLabel  JLabel

l1=new l2=new l3=new l4=new l5=new l6=new

JLabel(" JLabel(" JLabel(" JLabel(" JLabel(" JLabel("

G O Number"); From"); To"); Post Held"); Purpose for which&Qualifies"); Date");

 JLabel  JLabel  JLabel  JLabel  JLabel  JLabel

l9=new JLabel(" Employee Number"); l10=new JLabel(" Employee Name"); l11=new JLabel(" Department"); l12=new JLabel(" Establishment"); l13=new JLabel(" DDO Code"); l14=new JLabel(" DDO Name");

 JLabel l15=new JLabel("Converting Rupees into Dollars"); l15.setFont(new Font("serif",1,20));  JLayeredPane ip1=new JLayeredPane(); ip1.setBorder(BorderFactory.createTitledBorder("")); ip1.setPreferredSize(new Dimension(500,230)); ip1.add(l1); ip1.add(tf1); ip1.add(l2); ip1.add(l3); ip1.add(l4); ip1.add(l5); ip1.add(l6); p4.add(l15); p1.add(l9); p1.add(l10); p1.add(tfenam); p1.add(l11); p1.add(tfdept); p1.add(l12); p1.add(tfestb); p1.add(l13); p1.add(tfddoc); p1.add(l14); p1.add(tfddon); 56

 JLayeredPane ip2=new JLayeredPane(); ip2.setPreferredSize(new Dimension(780,200)); ip2.add(ip1); p3.add(ip1); p3.add(ip2); p5.add(p4); p5.add(p1); p3.setLayout(new FlowLayout(FlowLayout.CENTER,10,20)); p1.setLayout(new GridLayout(2,3,10,10)); p5.setLayout(new GridLayout(2,1,1,2)); ip1.setLayout(new GridLayout(6,1,10,10)); ip2.setLayout(new GridLayout(2,1,1,10)); //Foreign Serevice Details  JLabel lf1=new JLabel(" From");  JLabel lf2=new JLabel(" To");  JLabel lf3=new JLabel(" Post Held");  JLabel lf4=new JLabel(" Name of the Foreign Employee");  JLabel lf5=new JLabel(" Leave and Pension contribution payble by");  JLabel lf6=new JLabel(" Amount of Leave salary and Pesioncontribution actually recieved");  JLayeredPane ipf1=new JLayeredPane(); ipf1.setBorder(BorderFactory.createTitledBorder("")); ipf1.setPreferredSize(new Dimension(500,230)); ipf1.add(lf1); ipf1.add(lf2); ipf1.add(lf3); ipf1.add(lf4); ipf1.add(tf2); ipf1.add(lf5); ipf1.add(lf6); ipf1.add(tf3);  JLayeredPane ipf2=new JLayeredPane(); ipf2.setPreferredSize(new Dimension(780,200)); ipf2.add(ipf1); p6.add(ipf1); p6.add(ipf2); p6.setLayout(new FlowLayout(FlowLayout.CENTER,10,20)); ipf1.setLayout(new GridLayout(6,1,10,10)); ipf2.setLayout(new GridLayout(2,1,1,10)); 57

getContentPane().add(p5,"North"); getContentPane().add(p2,"South"); addWindowListener(new WindowAdapter() { public void windowClosing(WindowEvent we) { setVisible(false); //System.exit(0); }}); show(); } public void actionPerformed(ActionEvent ae) { } public static void main(String args[]) { new ConvertDemo(); } }

c. DollarBean.java package beanpackage; public class DollarBean { double america,aus,africa,safrica,singa; public DollarBean() { america=0; aus=0; africa=0; safrica=0; singa=0; } public void setAmericanDollars(double amt) { america=amt; } public double getAmericanDollars() { return america-40; } 58

public void setAfricanDollars(double amt) { africa=amt; } public double getAfricanDollars() { return africa-20; } public void setAustralianDollars(double amt) { aus=amt; } public double getAustralianDollars() { return aus-30; } public void setSouthAfricanDollars(double amt) { safrica=amt; } public double getSouthAfricanDollars() { return safrica-25; } public void setSingapoorDollars(double amt) { singa=amt; } public double getSingapoorDollars() { return singa-28; } }

d. Sign /**/ import java.awt.*; import java.lang.String; import java.awt.event.*; import java.applet.Applet; import java.applet.*; 59

public class Sig extends Applet implements ItemListener{ boolean c1,c2,c3; String s1; Checkbox r1,r2,r3; CheckboxGroup cbg; public void init(){ cbg=new CheckboxGroup(); Panel p=new Panel(); p.setLayout(new GridLayout()); add(r1=new Checkbox("red",cbg,false)); add(r2=new Checkbox("yellow",cbg,false)); add(r3=new Checkbox("green",cbg,false)); r1.addItemListener(this);r2.addItemListener(this);r3.addItemListene r(this); } public void paint(Graphics g) { g.setColor(Color.red); g.drawOval(10, 30, 20, 20); //System.out.println(s1); g.setColor(Color.yellow); g.drawOval(10, 60, 20, 20); g.setColor(Color.green); g.drawOval(10, 90, 20, 20); s1=cbg.getSelectedCheckbox().getLabel(); if(s1=="red") { g.setColor(Color.red); g.fillOval(10, 30, 20, 20); } else if(s1=="yellow") { g.setColor(Color.yellow); g.fillOval(10, 60, 20, 20); } else if(s1=="green") { g.setColor(Color.green); g.fillOval(10, 90, 20, 20); } } public void itemStateChanged(ItemEvent ie) { repaint(); }}

60

5. Install TOMCAT web server. Steps to run Simple Servlet Program:

1. Create the following directory E.g.: C:\FirstServlet\WEB-INF\classes FirstServlet: Directory consists of HTML, JSP & Images files WEB-INF: Directory consists of web.xml files classes: Directory consists of JAVA files i.e. all .java & .class files 2.

Write java program Welcome.java save under classes directory import javax.servlet.*; import java.io.*; public class Welcome extends GenericServlet { public void service(ServletRequest r1,ServletResponse res)throws IOException, ServletException { res.setContentType("text/plain"); PrintWriter pw=res.getWriter(); pw.println("

Hello"); pw.close(); } }

3.

Create web.xml file save under WEB-INF directory First program First program Hello Welcome Hello /first/Hello

4.

Set classpath Go to environmental variables 61

Variable name Variable value 5.

CLASSPATH C:\ Program Files\Apache Software Foundation\Tomcat 5.5\common\lib\servlet-api.jar;.

Compile java file C:\FirstServlet\WEB-INF\classes\> javac Welcome.java

6.

Go to root directory , make the web archive file(war file) C:\FirstServlet\WEB-INF\classes\>cd.. C: FirstServlet \WEB-INF\>cd.. C:\FirstServlet\> jar –cvf first.war *.*

7.

Copy the root directory & past it into the tomcat webapps directory . C:\ Program Files\Apache Software Foundation\Tomcat 5.5\webapps/> FirstServlet

8.

Start the TOMCAT server from C:\ Program Files\Apache Software Foundation\Tomcat 5.5\bin\Tomcat Service Runner

9.

After starting the tomcat server open the Internet browser, type in address bar as: http://localhost:8080/

62

10.

Goto Tomcat Manager Enter admin id & password & deploy the war file.

63

11.

Select your file from Applications FirstServlet/

Note: if it successfully deployed then its Running will be true , otherwise it is false. Go back to your root directory FirstServlet check the web.xml file. Again perform/ continue from step.5 to step.11 12.

After selecting/clicking your FirstServlet/ from the applications.  You will get the web page with address bar as: http://localhost:8080/FirstServlet/ then type your war file name(i.e. first) http://localhost:8080/FirstServlet/first/ then type your URL-PATTERN name( i.e. Welcome) http://localhost:8080/FirstServlet/first/Welcome 13.

Then the output will be display:

2. Login details validation

64

Login.html

<script language="JavaScript"> function valid(form) { if(document.validate.uname.value=="") { pd.innerHTML="Enter Username"; alert("Please Enter User Name"); return false; } if(document.validate.pwd.value=="") { pd.innerHTML="Enter Password"; alert("Please Enter Password"); return false; } if((document.validate.uname.value).length<=5) { pd.innerHTML="Username must be more than 6 Chars"; return false; } if((document.validate.pwd.value).length<=5) { pd.innerHTML="Password must be more than 6 Chars"; return false; } }

Sending data to servlet

Member Login

Username
65

Password

    

Web.xml

UserVerify UserVerify UserVerify postParam UserVerify /servlet/login Login.html postParam.java

import java.io.*; import javax.servlet.*; import java.util.*; public class postParam extends GenericServlet { public void service(ServletRequest req,ServletResponse res) throws IOException,ServletException { res.setContentType("text/html"); PrintWriter pw=res.getWriter(); String pn=req.getParameter("uname"); String pv=req.getParameter("pwd"); 66

pw.println(" "); pw.println("

Acessing the Data from Html and displaying on Servlet

"); pw.println("

NAME: "+pn); pw.println("

PASSWORD:"+pv); pw.println("

"); pw.close(); } }

67

68

69

70

3. Validation Steps to run Simple Servlet Program:

1.

Create the following directory E.g.: C:\SecondServlet\WEB-INF\classes SecondServlet WEB-INF Classes files

2.

: : :

Directory consists of HTML, JSP & Images files Directory consists of web.xml files Directory consists of JAVA files i.e. all .java & .class

Create Login.html ,Success.html & Fail.html . Save all these three file under root directory SecondServlet

Enter the details

 
 Name:    :
 Password :
 

Login Sucessfully

Login Fail

Try again

3.

Write java program VerifyServlet.java save under classes directory 71

import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class Verifyservlet extends HttpServlet { public void doGet(HttpServletRequest req,HttpServletResponse res) throws ServletException,IOException { res.setContentType("text/htnl"); String name=req.getParameter("lname"); String pwd=req.getParameter("lpwd"); if(name.equals("Gouse")&&pwd.equals("CSE")) res.sendRedirect("http://localhost:8080/Root/Success.html"); else res.sendRedirect("http://localhost:8080/Root/Fail.html"); } } 4. Create web.xml file save under WEB-INF directory

First program First program mtech Verifyservlet mtech /test/verify login.html

5.

Set classpath Go to environmental variables Variable CLASSPATH name 72

Variable value

13.

C:\ Program Files\Apache Software Foundation\Tomcat 5.5\common\lib\servlet-api.jar;.

6.

Compile java file C:\ SecondServlet \WEB-INF\classes\> javac Welcome.java

7.

Go to root directory , make the web archive file(war file) C:\ SecondServlet \WEB-INF\classes\>cd.. C: SecondServlet \WEB-INF\>cd.. C:\ SecondServlet\> jar –cvf test.war *.*

8.

Copy the root directory & past it into the tomcat webapps directory . C:\ Program Files\Apache Software Foundation\Tomcat 5.5\webapps/> SecondServlet

9.

Start the TOMCAT server from C:\ Program Files\Apache Software Foundation\Tomcat 5.5\bin\Tomcat Service Runner

10.

After starting the tomcat server open the Internet browser, type in address bar as: http://localhost:8080/

11.

Goto Tomcat Manager Enter admin id & password & deploy the war file.

12.

Select your file from Applications SecondServlet/ Note: if it successfully deployed then its Running will be true , otherwise it is false. Go back to your root directory FirstServlet check the web.xml file.& HTML file Again perform/ continue from step.5 to step.11

After selecting/clicking your SecondServlet/ from the applications.  You will get the web page with address bar as: http://localhost:8080/SecondServlet/

73

http://localhost:8080/SecondServlet/Success.html

74

If user enter the wrong user name or password http://localhost:8080/SecondServlet/Fail.html

75

76

4. Cookies //Cooki.html

Enter Name: 
Password:     





Web.xml

Cooki1 Cooki1 Cooki1 /exp/Cooki1 Cooki.html>

Cooki.html

import java.io.*; 77

import javax.servlet.*; import javax.servlet.http.*; public class Cooki1 extends HttpServlet { public void doGet(HttpServletRequest req,HttpServletResponse res)throws ServletException,IOException { String s1=req.getParameter("nm"); String s2=req.getParameter("pw"); String s3=req.getParameter("Add"); String s4=req.getParameter("List"); res.setContentType("text/html"); PrintWriter pw=res.getWriter(); if(s4==null) { Cookie c1 = new Cookie(s1,s2); res.addCookie(c1); res.sendRedirect("http://localhost:8080/Cooki/Cooki.html"); } else { Cookie c[]=req.getCookies(); for(int i=0;i"+c[i].getName()+":::"+c[i].getValue()+"
"); }} pw.close(); } }

78

:

79

80

5.

Convert the static webpages of assignments 2 into dynamic webpages using servlets and cookies. Hint: Users information (user id, password, credit card number) would be stored in web.xml. Each user should have a separate Shopping Cart. Web.xml Servlet 2.4 Examples Servlet 2.4 Examples. reg reg login login profile profile catalog catalog

order order order attern>order catalog catalog profile 81

profile login login reg reg Main.html

ONLINE BOOK STORAGE

 Welcome to online book storage. Press LOGIN if you are having id otherwise press REGISTRATION 

 
LOGIN  REGISTRATION

Login.html

 LOGIN ID :
 PASSWORD :

      

82

Reg.html

 NAME :
 ADDRESS :
 CONTACT NUMBER :
 LOGINID :
 PASSWORD :

      

Profile.html

 LOGIN ID :
 

      

Catalog.html

83

 BOOK TITLE :
 

      

Order.html

 NAME :
 PASSWORD :  TITLE :
 NO. OF BOOKS :
 DATE :
 CREDIT CARD NUMBER:

      

Login.java import java.sql.*; import java.io.*; import java.util.*; import javax.servlet.*; 84

import javax.servlet.http.*; public class login extends HttpServlet { public void service(HttpServletRequest req,HttpServletResponse resp) throws ServletException,IOException { PrintWriter pw=resp.getWriter(); pw.println("
"); pw.println("press LOGIN to RETRY"); } else { pw.println("VALID LOGIN ID

"); pw.println("

"); pw.println("
• USER PROFILE


");

85

pw.println("
• BOOKS CATALOG


"); pw.println("
• ORDER CONFIRMATION


"); } pw.println(""); } catch(Exception e) { resp.sendError(500,e.toString()); } } } Reg.html import java.sql.*; import java.io.*; import java.util.*; import javax.servlet.*; import javax.servlet.http.*; public class login extends HttpServlet { public void service(HttpServletRequest req,HttpServletResponse resp) throws ServletException,IOException { PrintWriter pw=resp.getWriter(); pw.println("
{ if(id.equal(rs.getString(1))&&pwd.equals(rs.getString(2))) { flag=1; } } if(flag==1) { pw.println("SORRY INVALID ID ALREADY EXITS TRY AGAIN WITH NEW ID

"); pw.println("press REGISTER to RETRY"); } else { Statement stmt1=con.createStatement(); stmt1.executeUpdate("insertintologin values("+names","+addr+","+no+","+id+","+pwd+") "); pw.println("YOUR DETAILS ARE ENTERED

"); pw.println("press LOGIN to login"); } pw.println(""); } catch(Exception e) { resp.sendError(500,e.toString()); } } }

Catlog.java import java.sql.*; import java.io.*; import java.util.*; import javax.servlet.*; import javax.servlet.http.*; 87

public class login extends HttpServlet { public void service(HttpServletRequest req,HttpServletResponse resp) throws ServletException,IOException { PrintWriter pw=resp.getWriter(); pw.println(""); pw.println("TITLE :"+rs.getString(1)+"
"); pw.println("AUTHOR :"+rs.getString(2)+"
"); pw.println("VERSION :"+rs.getString(3)+"
"); pw.println("PUBLISHER :"+rs.getString(4)+"
"); pw.println("COST :"+rs.getString(5)+"
"); pw.println("
"); pw.println("press HERE to RETRY"); } pw.println(""); } catch(Exception e) { resp.sendError(500,e.toString()); } } } 88

Profile.java import java.sql.*; import java.io.*; import java.util.*; import javax.servlet.*; import javax.servlet.http.*; public class login extends HttpServlet { public void service(HttpServletRequest req,HttpServletResponse resp) throws ServletException,IOException { PrintWriter pw=resp.getWriter(); pw.println("

"); while(rs.next()) { pw.println("
"); pw.println("NAME :"+rs.getString(1)+"
"); pw.println("ADDRESS :"+rs.getString(2)+"
"); pw.println("PHONE NO :"+rs.getString(3)+"
"); pw.println("
"); flag=1; } if(flag==0) { pw.println("SORRY INVALID ID TRY AGAIN ID

"); pw.println("press HERE to RETRY"); } pw.println(""); } catch(Exception e) { 89

resp.sendError(500,e.toString()); } } } Order.java import java.sql.*; import java.io.*; import java.util.*; import javax.servlet.*; import javax.servlet.http.*; public class login extends HttpServlet { public void service(HttpServletRequest req,HttpServletResponse resp) throws ServletException,IOException { PrintWriter pw=resp.getWriter(); pw.println("
if(id.equals(rs.getString(1))&&pwd.equals(rs.getString(2))) { flag=1; } } if(flag==0) { 90

pw.println("SORRY INVALID ID TRY AGAIN ID

"); pw.println("press HERE to RETRY"); } else { Statement stmt2=con.createStatement(); String s="select cost from book where title="+title+""; ResultSet rs1=stmt2.executeQuery(s); int flag1=0; while(rs1.next()) { flag1=1; x=Integer.parseInt(rs1.getString(1)); amount=count*x; pw.println("AMOUNT :"+amount+"



"); Statement stmt1=con.createStatement(); stmt1.executeUpdate("insertintodetails values('"+id+",'"+title+"'+amount+'","'+cno+'" )"'); pw.println("YOUR ORDER has taken
"); } if(flag1==0) { pw.println("SORRY INVALID ID TRY AGAIN ID

"); pw.println("press HERE to RETRY"); } } pw.println(""); con.close(); } catch(Exception e) { resp.sendError(500,e.toString()); } }

91

92

93

94

6.

Redo the previous task using JSP by converting the static web page pages s write write a prog progra ram m of assi assign gnme ment nts s 2 into into dyna dynami mic c web web page pages. s. Crea Create te a data databa base se with with user user info inform rmati ation on and and book books s information and books information. The books catalogue should be dyna dynami mica call lly y load loaded ed from from the the data databa base. se. Fo Follo llow w the MVC MVC architecture while doing the website. Main.html:







>U>ONLINE BOOK  STORAGE






 align=”center”>
  Welcome Welcome to online book storage. Press LOGIN if you are having id Otherwise press REGISTRATION 





 
LOGIN< href=”/tr/login.html”>LOGIN /a> href=”/tr/login.html”>REGISTRATION< href=”/tr/login.html”>REGISTRA TION

/div>

Login.html:
< bgcolor=”pink”>


br>


 align="center">
 LOGIN ID : 

 name="pwd">




PASSWORD :







      95

Reg.html:

bgcolor="pink">



 align="center">
 NAME :
 name="name">
 ADDRESS :
 name="addr">
 CONTACT NUMBER : 
 LOGIN ID : 
 name="id">
 PASSWORD PASSWORD : 

< name="pwd">



br>





()">     

Profile.html:

bgcolor="pink">



 align="center">
 LOGIN ID : 
 name="id">
 


 





()">     

Catalog.html:

< bgcolor="pink">


br> 96



 BOOK TITLE : 
 









     

Order.html:




 LOGIN ID :
 PASSWORD : 
 TITLE :
 NO. OF BOOKS : 
 DATE : 
 CREDIT CARD NUMBER : 
 









     

Login.jsp: %@page import=”java.sql.*”% %@page import=”java.io.*”% <%

out.println(“”); 97

String id=request.getParameter(“id”); String pwd=request.getParameter(“pwd”); Driver d=new oracle.jdbc.driver.OracleDriver(); DriverManager.registerDriver(d); Connection con=DriverManager.getConnection(“jdbc:oracle:thin:@localhost:1521:orcl ”,”scott”,”tiger”); Statement stmt=con.createStatement(); String sqlstmt=”select id,password from login where id=”+id+” and password=”+pwd+””; ResultSet rs=stmt.executeQuery(sqlstmt); int flag=0; while(rs.next()) { flag=1; } if(flag==0) { out.println(“SORRY INVALID ID TRY AGAIN ID

”); out.println(“ press LOGIN to RETRY”); } else { out.println(“VALID LOGIN ID

”); out.println(“

”); out.println(“
• U SER PROFILE


”); out.println(“
• BO OKS CATALOG


”); out.println(“
• O RDER CONFIRMATION


”); out.println(“

”); } out.println(“”); %> Reg.jsp: %@page import=”java.sql.*”% %@page import=”java.io.*”% <% out.println(“”); String name=request.getParameter(“name”); String addr=request.getParameter(“addr”); 98

String phno=request.getParameter(“phno”); String id=request.getParameter(“id”); String pwd=request.getParameter(“pwd”); int no=Integer.parseInt(phno); Driver d=new oracle.jdbc.driver.OracleDriver(); DriverManager.registerDriver(d); Connection con=DriverManager.getConnection (“jdbc:oracle:thin:@localhost:1521:orcl”,”scott”,”tiger”); Statement stmt=con.createStatement(); String sqlstmt=”select id from login”; ResultSet rs=stmt.executeQuery(sqlstmt); int flag=0; while(rs.next()) { if(id.equals(rs.getString(1))) { flag=1; } } if(flag==1) { out.println(“SORRY LOGIN ID ALREADY EXISTS TRY AGAIN WITH NEW ID

”); out.println(“press REGISTER to RETRY”); } else { Statement stmt1=con.createStatement (); stmt1.executeUpdate (“insert into login values (“+name+”,”+addr+”,”+no+”,”+id+”,”+pwd+”)”); out.println (“YOU DETAILS ARE ENTERED

”); out.println (“press LOGIN to login”); }out.println (“”); %> Profile.jsp: <%@page import=”java.sql.*”%> <%@page import=”java.io.*”%> <% out.println (“”); String id=request.getParameter(“id”); Driver d=new oracle.jdbc.driver.OracleDriver(); DriverManager.regiserDriver(d); Connection con= DriverManager.getConnection 99

(“jdbc:oracle:thin:@localhost:1521:orcl”,”scott”,”tiger”); Statement stmt=con.createStatement (); String sqlstmt=”select * from login where id=”+id+””; ResultSet rs=stmt.executeQuery (sqlstmt); int flag=0; while(rs.next()) { out.println (“

”); out.println (“NAME :”+rs.getString(1)+”
”); out.println (“ADDRESS :”+rs.getString(2)+”
”); out.println (“PHONE NO :”+rs.getString(3)+”
”); out.println (“

”); flag=1; } if(flag==0) { out.println(“SORRY INVALID ID TRY AGAIN ID

”); out.println(“press HERE to RETRY ”); } out.println (“”); %>

100

Catalog.jsp: <%@page import=”java.sql.*”%> <%@page import=”java.io.*”%> <% out.println (“”); String title=request.getParameter (“title”); Driver d=new oracle.jdbc.driver.OracleDriver (); DriverManager.regiserDriver (d); Connection con= DriverManager.getConnection (“jdbc:oracle:thin:@localhost:1521:orcl”,”scott”,”tiger”); Statement stmt=con.createStatement (); String sqlstmt=”select * from book where title=”+title+””; ResultSet rs=stmt.executeQuery (sqlstmt); int flag=0; while(rs.next()) { out.println (“

”); out.println (“TITLE :”+rs.getString(1)+”
”); out.println (“AUTHOR :”+rs.getString(2)+”
”); out.println (“VERSION:”+rs.getString(3)+”
”); out.println (“PUBLISHER :” +rs.getString(4)+”
”); out.println (“COST :” +rs.getString(5)+”
”); out.println (“

”); flag=1; } if(flag==0) { out.println(“SORRY INVALID ID TRY AGAIN ID

”); out.println(“press HERE to RETRY ”); } out.println (“”); %>

101

Order.jsp: <%@page import=”java.sql.*”%> <%@page import=”java.io.*”%> <% out.println (“”); String id=request.getParameter (“id”); String pwd=request.getParameter (“pwd”); String title=request.getParameter (“title”); String count1=request.getParameter (“no”); String date=request.getParameter (“date”); String cno=request.getParameter (“cno”); int count=Integer.parseInt(count1); Driver d=new oracle.jdbc.driver.OracleDriver (); DriverManager.regiserDriver (d); Connection con= DriverManager.getConnection (“jdbc:oracle:thin:@localhost:1521:orcl”,”scott”,”tiger”); Statement stmt=con.createStatement (); String sqlstmt=”select id, password from login”; ResultSet rs=stmt.executeQuery (sqlstmt); int flag=0,amount,x; while(rs.next()) { if(id.equals(rs.getString(1))&& pwd.equals(rs.getString(2))) { flag=1; } } if(flag==0) { out.println(“SORRY INVALID ID TRY AGAIN ID

”); out.println(“press HERE to RETRY ”); } else { Statement stmt2=con.createStatement(); String s=”select cost from book where title=”+title+””; ResultSet rs1=stmt2.executeQuery(s); int flag1=0; while(rs1.next()) { flag1=1; x=Integer.parseInt(rs1.getString(1)); amount=count*x; out.println(“AMOUNT :”+amount+”



”); 102

Statement stmt1=con.createStatement (); stmt1.executeUpdate (“insert into details (“+id+”,”+title+”,”+amount+”,”+date+”,”+cno+”)”); out.println (“YOU ORDER HAS TAKEN
”); } if(flag1==0) { out.println(“SORRY INVALID BOOK TRY AGAIN

”); out.println(“press HERE to RETRY ”); } } out.println (“”);%>

103

Out-put:

104

105