1 Ex. No: 1 Create a webpage using HTML Date: AIM: To create a webpage with the following using HTML • To embed an image in web page • To fix the hot spots. • Show all the related information when a hot spot is clicked in the map ALGORITHM: Step 1: Create a html file with map tag. Step 1 Set the source attribute of the img tag to the location of the image and also set the use map attribute. Step 1 Specify an area with name, shape and href set of the appropriate value. Step 1 Repeat step3 as many hot spots you want to put in the map. Step 1 Create html file for each and every hot spots the user will select the particular location it shows information about it. PROGRAM: /*mapping.html*/ India Map INDIA MAP

2 OUTPUT: RESULT: Thus creation of a webpage using cascading style sheets has been developed successfully. 3 Ex. No: 2 Cascading Style Sheets Date: AIM: To create a webpage with the following using html to embedded the style sheet ALGORITHM: Step1: Create a html file with the style tag, inside the head tag. Step2: Set the style such as font - family, font - size, color, left etc, for the heading h1,h2,...h6 and respectively. Step3: Close the head tag. Step4: Specify the heading and information required inside the body tag. Step5: Close the opened tag. PROGRAM: Embedded style sheet

This is created using embedded style sheet

This line is aligned left and red colored;

The embedded style sheet is the most commonly used style sheet This paragragh is return in verdana font with font size of 14.

This is a blue colored line

5 OUTPUT: RESULT: Thus creation of a webpage using cascading style sheet has been developed successfully 6 Ex. No: 3 JavaScript page to validate fields in a registration page Date: AIM Write JavaScript to validate the following fields of the above registration page. 1. Name (Name should contain 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 name@domain.com) 4. Phone number (Phone number should contain 10 digits only). ALGORITHM Step 1: write a html code for the registration page. Step 2: The page must contain Name, password, mail id and phone number. Step 3: Validate the information which is obtained using above fields. Step 4: Validation can be done using javascript. PROGRAM Valid.js function fun() { var userv=document.forms[0].user.value; var pwdv=document.forms[0].pwd.value; var emailv=document.forms[0].email.value; var phv=document.forms[0].ph.value; var userreg=new RegExp("^[a - zA - Z][a - zA - Z0 - 9]*$"); var emailreg=new RegExp("^[a - zA - Z][a - zA - Z0 - 9_.]*@[a - zA - Z][a - zA - Z0 - 9_.]*.[a - zA - Z][a - zA - Z0 - 9_.]{2}.[a - zA - Z][a - zA - Z0 - 9_.]{2}$|^[a - zA - Z][a - zA - Z0 - 9_.]*@[a - zA - Z][a - zA - Z0 - 9_.]*.[a - zA - Z][a - zA - Z0 - 9_.]{3}$"); var phreg=new RegExp ("^[0 - 9]{10}$"); var ruser=userreg.exec(userv); var remail=emailreg.exec(emailv); var rph=phreg.exec(phv); if(ruser && remail && rph && (pwdv.length > 6)) { alert("All values are valid"); return true; } else { if(!ruser) { alert("username invalid");document.forms[0].user.focus();} 7 if(!remail) { alert("password invalid");document.forms[0].user.focus();} if(!rph) { alert("phone number invalid");document.forms[0].ph.focus();} if(pwdv.length < 6 ) { alert("password invalid");document.forms[0].pwd.focus();} return false; } } Register.html

Registration

 Name :
 Password :
 E - mail :
 Phone Number :

8 OUTPUT: RESULT: Thus the home page,login page, catalogue page for the online book store are created successfully. 9 Ex. No: 4 To get the nth largest element from an unsorted array Date: AIM Write a java script code to get the nth largest element from an unsorted array. ALGORITHM Step 1:Create a function to find out the largest element Step 2:Initialize the variables Step 3:Using while loop for checking the largest element Step 3:Print the largest element in the given array. PROGRAM JavaScript function to get nth largest element from an unsorted array. function nthlargest(arra,highest) { var x = 0, y = 0, z = 0, temp = 0, tnum = arra.length, flag = false, result = false; while(x < tnum){ y = x + 1; if(y < tnum){ for(z = y; z < tnum; z++){ if(arra[x] < arra[z]){ temp = arra[z]; arra[z] = arra[x]; arra[x] = temp; flag = true; } Else { 10 continue; } } } if(flag) { flag = false; } Else { x++; if(x == highest){ result = true; } } if(result){ break; } } return (arra[(highest - 1)]); } OUTPUT 43, 56, 23, 89, 88, 90, 99, 652 N= 4 89 RESULT Thus the java script to get the nth largest element from an unsorted array is successfully executed. 11 Ex. No: 5 Server Side Programming Date: AIM To invoke servlets from HTML Forms ALGORITHM Start the Invoking Servlets from HTML Forms Create the postparm.html Use the two input type for Employee name and phono The save the postparm.html Create java servlet for invoke the html forms After creating java servlets extracting PostParam.war Then follow the step Step 1: Open Web Browser and type Step 2: http://localhost:8080 Step 3: Select Tomcat Manager Step 4: Deploy the war file and Run PROGRAM PostParam.html

Employee
Phone

Invoking Servlets from HTML Forms source code java programming import java.io.*; import java.util.*; import javax.servlet.*; public class PostParam extends GenericServlet { public void service(ServletRequest request,ServletResponse response) throws ServletException, IOException { PrintWriter pw = response.getWriter(); Enumeration e = request.getParameterNames(); while(e.hasMoreElements()) { String pname = (String)e.nextElement(); pw.print(pname + " = "); String pvalue = request.getParameter(pname); p w.println(pvalue); } pw.close(); } } Invoking Servlets from HTML Forms source code xml programing Welcome to Tomcat Welcome to Tomcat PostParam PostParam PostParam /PostParam 14 OUTPUT RESULT Thus the program i) To invoke servlets from HTML forms ii) To invoke servlets from Applets is successfully executed 15 Ex. No: 6 Create three - tier applications using JSP Date: AIM To write a java program to create three - tier applications using JSP and Databases for conducting on - line examinations for displaying student mark lists. Assume that student information is available in a database which has been stored in a database server. ALGORITHM Step 1:Go to the Control Panel and Select Administrative Tools and then select the Data Source ODBC icon. (or) Go to Run(Press Window+R) and type odbcad32.exe to go Data Source ODBC. Step 2:Press Add Button. Step 3:Choose the driver for Microsoft Access. Step 4:Then,Press Finish Button. Step 5:Type Data Source Name as ExamStudent. Step 6:Then Press "Select Button" and choose the database file which is created already. Step 7:Then, Press "OK" Button to complete the process. Steps for Creating Database and table for this Program: 1.Create Ms Access File in any Name 2.Then Open it . 3.Create the table in the name of StudentTable With following columns Seat_no,Name,Marks PROGRAM ExamServer.jsp: <%@page contentType="text/html" language="java" import="java.sql.*"%> Online Exam Server

ONLINE EXAMINATION

Back To Main Page

<% String str1=request.getParameter("ans1"); String str2=request.getParameter("ans2"); String str3=request.getParameter("ans3"); 16 int mark=0; Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connection con=DriverManager.getConnection("jdbc:odbc:examDS"); Statement stmt=con.createStatement(); ResultSet rs=stmt.executeQuery("SELECT * FROM examTab"); int i=1; while(rs.next()) { if(i==1) { String dbans1=rs.getString(1); if(str1.equals(dbans1)) { mark=mark+5; } } if(i==2) { String dbans2=rs.getString(1); if(str2.equals(dbans2)) { mark=mark+5; } } if(i==3) { String dbans3=rs.getString(1); if(str3.equals(dbans3)) { mark=mark+5; } } i++; } if(mark>=10) { out.println("

Your Mark Is : "+mark+"

"); out.println("

Congratulations....! You Are Eligible For The Next Round...

"); } else { out.println("

Your Mark is : "+mark+"

"); out.println("

Sorry....!! You Are Not Eligible For The Next Round...

"); } %> 17 ExamClient.HTML: Online Exam Client

ONLINE EXAMINATION

Answer the following questions (5 marks for each correct answer)

18 OUTPUT 19 RESULT Thus the java program to create three - tier applications using JSP and Databases for conducting on - line examination for displaying student mark is successfully executed. 20 Ex. No: 7 Web Data Representation Date: AIM 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. ALGORITHM Step 1:Write a xml document to fetch the user details Step 2:Create a html code to pass the function to display the details. Step 3:The function accesses the user details based on the given id. PROGRAM usr01 Gouse

DSNR

8801550101 G ouse. sheikh@gmail.com< /email> usr02 D Divakar

Ameerpet

9888888888 D Divakar@gmail.com usr03 Rajinth

SR Nagar

9866666666 Ra ji nth@ ya hoo. c om

الإبلاغ عن إساءة

تفاصيل ال-PDF

معلومات الاتصال

U19CS311 INTERNET PROGRAMMING LABORATORY_Lab Manual (1) (1).pdf

lokesh