Professional Documents
Culture Documents
Department of CSE/IT/MCA: Manual
Department of CSE/IT/MCA: Manual
Department Of CSE/IT/MCA
MANUAL
WEB TECHNOLOGIES LAB B.Tech CSE & IT
NUSTULAPUR, KARIMNAGAR
PROGRAM PNO 3
22
Create and save an XML document at the server, which contains 10 users information. Write a program, which takes user ID as an input and returns user details by taking user information from the XML document. Bean Assignments a. Create a JavaBean which gives the exchange value of INR (Indian rupees) into equivalent American/Canadian/Australian Dollar value. b. Create a simple Bean with a label which is the count of number of clicks. Then create a BeanInfo class such that only the count property is visible in the property window. c. Create two Beans a) keypad. b) Display pad. After that integrate the two beans to make it work as calculator. d. Create two Beans Traffic light (implemented as a label with only three background colors red, green ,yellow) and automobile (implemented as a textbox which states its state / movement). The state of the automobile should depend on the following light transition table. Light transition Automobile state Red -> yellow ready Yellow ->green move Green -> red stopped
29
32
41
style="text-decoration: underline;">welcome to the site</span></big><br> </span></span></span></big></big></big></big></font></small></small></small></s mall></small></small></small></span></big></big></big></big></span></small> <div style="text-align: left;"><small> <br> </small> <div style="text-align: center;"> <h2><small><span style="font-weight: bold;"></span><span style="color: rgb(153, 51, 153);"> User ID: </span> </small><input style="color: rgb(0, 0, 0);" name="userName" size="30" maxlength="50" value=""><small><span style="font-weight: bold;"><big><big><big><big><span style="font-weight: bold;"><small><small><small><small><small><small><small><font size="-1"><big><big><big><big><span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;"><span style="font-family: Comic Sans MS;"></span></span></span></big></big></big></big></font></small></small></sma ll></small></small></small></small></span></big></big></big></big></span></small ></h2> </div> </div> <span style="font-weight: bold;"></span></div> <div style="text-align: center;"> <div style="text-align: center;"> <h2><small><span style="font-weight: bold;"></span><span style="color: rgb(153, 51, 153);">Password:</span> </small><input name="pwd" size="30" maxlength="12" type="password"><small><span style="font-weight: bold;"><big><big><big><big><span style="font-weight: bold;"><small><small><small><small><small><small><small><font size="-1"><big><big><big><big><span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;"><span style="font-family: Comic Sans
MS;"></span></span></span></big></big></big></big></font></small></small></sma
10
11
12
13
14
html"><span style="color: rgb(255, 0, 0); font-weight: bold;">Shop Carts</span></a><br> </div> </td> <td style="vertical-align: top; text-align: center;"><a href="payments.html"><img style="width: 127px; height: 80px;" alt="cr" src="credit.gif"><br> <span style="font-weight: bold; color: rgb(255, 0, 0);">Payments</span></a> <br> </td> </tr> </tbody> </table> </div> <br> <br> <table style="text-align: left; width: 626px; height: 293px; margin-left: auto; margin-right: auto; color: rgb(153, 255, 153);" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: top; text-align: left;"> <img style="width: 126px; height: 115px;" alt="b1" src="file:///C:/Documents%20and%20Settings/VIJAY%20KUMAR/Desktop/html/b1.jpg "><br>
15
"><br> <br> <div style="margin-left: 40px;"><big><span style="font-weight: bold;"> BOOK3<br> </span></big><big><span style="font-weight: bold;"><span style="color: rgb(255, 204, 255);">Price:$ 12.05<br> <span style="color: rgb(204, 204, 204);"> <a href="payments.html">BUY</a></span></span></span></big><br>
16
"><br> <br> <div style="margin-left: 40px;"><big><span style="font-weight: bold;"> BOOK5<br> </span></big><big><span style="font-weight: bold;"><span style="color: rgb(255, 204, 255);">Price:$ 18.95<br> <span style="color: rgb(204, 204, 204);"> <a href="payments.html">BUY</a></span></span></span></big><br> </div> </td> <td style="vertical-align: top;"> <img style="width: 115px; height: 115px;" alt="b6"
src="file:///C:/Documents%20and%20Settings/VIJAY%20KUMAR/Desktop/html/b6.jpg
"><br> <br> <div style="margin-left: 40px;"><big><span style="font-weight: bold;"> BOOK6<br> </span></big><big><span style="font-weight: bold;"><span style="color: rgb(255, 204, 255);">Price:$ 3.25<br> <span style="color: rgb(204, 204, 204);"> <a href="payments.html">BUY</a></span></span></span></big><br> </div> </td>
17
"><br> <br> <div style="margin-left: 40px;"><big><span style="font-weight: bold;"> BOOK8<br> </span></big><big><span style="font-weight: bold;"><span style="color: rgb(255, 204, 255);">Price:$ 9.10<br> <span style="color: rgb(204, 204, 204);"> <a href="payments.html">BUY</a></span></span></span></big><br> </div> </td> <td style="vertical-align: top;"> <img style="width: 115px; height: 115px;" alt="b8"
src="file:///C:/Documents%20and%20Settings/VIJAY%20KUMAR/Desktop/html/b9.jpg
"><br> <br> <div style="margin-left: 40px;"><big><span style="font-weight: bold;"> BOOK9<br> </span></big><big><span style="font-weight: bold;"><span style="color: rgb(255, 204, 255);">Price:$ 8.45<br> <span style="color: rgb(204, 204, 204);"> <a href="payments.html">BUY</a></span></span></span></big><br> </div> </td> </tr> </tbody>
18
19
html"><span style="color: rgb(255, 0, 0); font-weight: bold;">Shop Carts</span></a><br> </div> </td> <td style="vertical-align: top; text-align: center;"><img style="width: 127px; height: 80px;" alt="cr" src="file:///C:/Documents%20and%20Settings/VIJAY%20KUMAR/Desktop/html/credit. gif"><br> <span style="font-weight: bold; color: rgb(255, 0, 0);">Payments</span><br> </td> </tr> </tbody> </table> </div> <br> <table style="text-align: left; margin-left: auto; margin-right: auto; color: rgb(204, 51, 204);" border="0"> <tbody> <tr> <td colspan="2"><b class="h1">New to Amazon.com? payments Below<br> </b></td> </tr> <tr> <td align="right"><b>Name is:</b></td> <td><input name="userName" size="30" maxlength="50" value=""></td>
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Registration Form </TITLE> <SCRIPT langauge ="JAVASCRIPT" > function VALIDATE() { var FNAME1=register.FNAME.value; var LNAME1=register.LNAME.value; // var UNAME1=register.UNAME.value;
23
if( (FNAME1=="") || (LNAME1 =="") || (EMAIL1=="") || (CITY1=="") || (ADDRESS1=="") || (PHONE1=="") || (CCNO1=="" )) { alert(" Sorry ! \n You have to enter information into all fields"); return false; } if(!isNaN(FNAME1)) { alert("name should contain alphabets"); register.FNAME.select(); return false; } if(!isNaN(FNAME1.charAt(0))) { alert(" User name should not start with a Digit"); register.FNAME.select(); return false; } if(!isNaN(LNAME1)) { alert("name should contain alphabets"); return false; } if(!isNaN(LNAME1.charAt(0))) { alert(" User name should not start with a Digit"); register.LNAME.select(); return false; } /* if(!isNaN(UNAME1.charAt(0))) { alert(" User name should not start with a Digit");
24
25
/* code for date checking*/ function isValidDate() { var a=register.EDATE.value; //alert("length"+a.length); if(a.length!=10) { alert(" not a valid date\n enter asmm/dd/yyyy fromat"); return false; } a1=a.substr(2,1); a2=a.substr(5,1); //alert(a2); if((a1!="/") &&(a2!="/")) { alert(" not a valid date\nnot a valid date\n enter as\n mm/dd/yyyy fromat"); return false; } var mm=a.substr(0,2); var dd=a.substr(3,2); var yy =a.substr(6,4); // alert(mm+dd+yy); mm1=isNaN(mm); dd1=isNaN(dd); yy1=isNaN(yy); if((mm1==true)||(dd1==true)||(yy==true)) { return false; } if((dd>31)||(dd<1)) { return false; } if((mm>12)||(mm<1)) return false; if((yy<2007)||(yy>2020)) { alert( "enter a valid expiry date between2007 - 2020"); return false; } return true;
26
27
/* code for email checking */ function CheckEmail() { var EMAIL1=register.EMAIL.value; if(!isValidEmail(EMAIL1)) { alert(" You have entered an \n invalid Email Address"); register.EMAIL.focus(); register.EMAIL.select(); return false; } // alert(" You entered a valid email id"); return true; } function isValidEmail(EMAIL1) { if((EMAIL1=="")||(hasInvalidChar(EMAIL1))) { alert(" you entereed\n invalid charccte"); return false; } var Pos=EMAIL1.indexOf("@",1); if(Pos==-1) return false; if(EMAIL1.indexOf("@",Pos+1)>-1) return false; var dotpos= EMAIL1.indexOf(".",Pos+1); if(dotpos==-1) return false; var lastDot=EMAIL1.indexOf("."); // alert("LASTDOT INDEX"+lastDot); if( lastDot+4!=EMAIL1.length) { alert(" you should have 3 characters after ."); return false; } return true; } function hasInvalidChar(EMAIL1)
28
</SCRIPT> </HEAD> <BODY BGCOLOR=#CCFFFF> <form name="register" action="WELCOME1.htm" method="post" onSubmit=" return VALIDATE()"> <h3> <font color =#660066 ><CENTER> REGISTRATION FORM</CENTER> </font></h3> <pre> <CENTER> <FONT COLOR=#6600FF SIZE ="+2"> <B> First Name <INPUT TYPE="TEXT" NAME="FNAME" VALUE="" Last Name EMail Id City <INPUT TYPE="TEXT" NAME="LNAME" VALUE="" <INPUT TYPE="TEXT" NAME="EMAIL" VALUE="" <INPUT TYPE="TEXT" NAME="CITY" VALUE="" > > > >
29
Credit Card No <INPUT TYPE="TEXT" NAME="CCNO" VALUE="" Expiry Date <INPUT TYPE="TEXT" NAME="EDATE" VALUE="">
<INPUT TYPE="SUBMIT" NAME="SUBMIT" VALUE="SUBMIT"> <INPUT TYPE="RESET" NAME="RESET" VALUE="CLEAR"> <!-- <input type = "button" value = "show values" onClick="show()">--> </CENTER> </FONT> </pre> </form> </BODY> </HTML>
3. Create and save an XML document at the server, which contains 10 users information. Write a program, which takes user ID as an input and returns user details by taking user information from the XML document. /* XML Document which stores info */ <?xml version="1.0" ?> <document> <users> <user> <userid>abc</userid> <password>abc</password> <first_name>raj</first_name> <last_name>kumar</last_name> <dob>10/1/1982</dob> </user> <user> <userid>ravi</userid> <password>ravi</password> <first_name>ravi</first_name> <last_name>kumar</last_name> <dob>11/11/1982</dob> </user> <user>
30
31
/*html program which uses xml document For searching */ <html> <head> <title>authorization page</title> <script language="JavaScript" Run At=server> var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.load("info.xml"); function search() { var id=document.myform.id.value; var pword=document.myform.pword.value; var qry=xmlDoc.selectNodes("document/users/user[userid='"+id+"']"); if(qry.length!=0) { if(pword!=qry.item(0).childNodes.item(1).text) //document.body.innerHTML="Password incorrect"; document.write("success"); } else document.body.innerHTML="No matching data found. userid incorrect"; } </script> </head> <body> <pre> <center> <form name="myform" method=post action="result.html"> User id:<input type=text name=id><br> password :<input type=password name=pword><br>
32
4.4 Create two Beans Traffic light (implemented as a label with only three background colors red, green ,yellow) and automobile (implemented as a textbox which states its state / movement). The state of the automobile should depend on the following light transition table. Light transition Automobile state Red -> yellow ready Yellow ->green move Green -> red stopped Code : import java.awt.*; import java.awt.event.*; import java.io.Serializable; public class Colors extends Canvas implements Serializable { transient private Color color; private boolean rectangular; public Colors() { addMouseListener(new MouseAdapter() { public void mousePressed(MouseEvent me) {
33
34
import java.awt.*; import java.applet.*; import java.awt.event.*; public class traffic extends Applet implements Runnable { Thread t; Font f,f1; int i=0,a=0,j=0; public void init(){ setBackground(Color.lightGray); f=new Font("TimesNewRoman",f.ITALIC,28); f1=new Font("TimesNewRoman",Font.ITALIC+Font.BOLD,28); } public void start() { t=new Thread(this); t.start(); } public void run() { for(i=25;i>=0;i--)//countdown { try { Thread.sleep(1000); } catch(Exception e) { System.out.println(e); } if(i<=25 && i>3)//red { a=1; repaint(); } else
35
for(j=0;j<25;j++) { a=3; try { Thread.sleep(1000); } catch(Exception e) { System.out.println(e); } repaint(); } if(j==25)//end of green(return to red) { run(); } } } repaint(); }
36
g.setColor(Color.black);//POLE DOWN g.fillRect(165,300,20,155); g.drawRect(165,300,20,155); g.drawOval(150,150,50,50);//RED g.drawOval(150,200,50,50);//YELLOW g.drawOval(150,250,50,50);//GREEN g.setColor(Color.red);//COUNTDOWN STOP g.setFont(f); g.drawString(""+i,50,50); g.setColor(Color.white);//CROSSING1 g.fillRect(300,5,15,125); g.drawRect(300,5,15,125);
37
g.setColor(Color.white); g.fillRect(450,145,15,135); g.drawRect(450,145,15,135); g.setColor(Color.white); g.fillRect(450,300,15,135); g.drawRect(450,300,15,135); g.setColor(Color.black);//TREE1DOWN g.fillRect(600,300,15,135); g.drawRect(600,300,15,135); g.setColor(Color.green);//TREE1UP g.fillArc(560,290,100,100,0,180); g.drawArc(560,290,100,100,0,180); g.setColor(Color.black);//TREE2DOWN g.fillRect(460,300,15,135); g.drawRect(460,300,15,135); g.setColor(Color.green);//TREE2UP g.fillArc(420,290,100,100,0,180); g.drawArc(420,290,100,100,0,180);
38
if(a==3)//GREENSIGNAL { g.setColor(Color.blue);//countdown g.setFont(f); g.drawString(""+j,150,50); g.setColor(Color.green); g.fillOval(150,250,50,50); g.drawOval(150,250,50,50); g.drawString("GO",50,250); } int x1[]={220,300,300,280}; int y1[]={250,150,250,150}; int n1=4; int n2=3; int x2[]={340,380,380}; int y2[]={150,100,150}; int x3[]={460,460,500}; int y3[]={150,100,150};
39
} }
40
<INPUT TYPE="TEXT" NAME="ADDRESS" VALUE="" > <INPUT TYPE="TEXT" NAME="PHONE" VALUE="" >
<INPUT TYPE="SUBMIT" NAME="SUBMIT" VALUE="SUBMIT"> <INPUT TYPE="RESET" NAME="RESET" VALUE="CLEAR"> <!-- <input type = "button" value = "show values" onClick="show()">--> </CENTER> </FONT> </pre> </form> </BODY> </HTML> /* JSP PROGRAM WHICH HANDLES THE REGISTRATION FORM THIS PROGRAM RESIDES IN THE WEB SERVER*/
out.Println (<body bgcolor=bisque text=black>); Ps=con.prepareStatement (update user set pword= +pword1+ where u_id=? And pword=?); Ps.setString (1, id); Ps.setString (2, psword); Ps.executeUpdate (); out.println (Ur password has been changed); %> </body> </html>
42