Stuff4techies

Displaying cricket player's profile using AJAX

2012-04-12T08:33:00.001-07:00

DISPLAYING CRICKET PLAYER’S PROFILE USING AJAX

AIM:

To write a program using AJAX for displaying cricket player's profile.

ALGORITHM:

1. Create an XHTML document (AjaxDemo.html) with the following.

(a) Insert some images of cricket players.

(b) Call the function getContent() with respect to the onmouseover event. The function accepts an argument that is the URL of another page contains the information about the player.

2. Within this XHTML document, insert AJAX based JavaScript code with the following.

(a) Create the object for ActiveXObject (for older versions of browsers such as IE5 and IE6).

(b) Create the object for XMLHttpRequest (for modern browsers such as IE7+, Firefox, Chrome, Safari, and Opera).

(d) Receive the response with the use of responseText Property.

(e) AJAX Call the function diplayProfile() with respect to the event onreadystatechange.

PROGRAM:

AjaxDemo.html

<html>

<head>

.box{border:1px solid blue;padding:10px}

</style>

var req;

function getContent(url)

{

if(window.ActiveXObject)

{

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

}

else if(window.XMLHttpRequest)

{

req=new XMLHttpRequest();

}

req.onreadystatechange=diplayProfile;

req.open('POST',url,true);

req.send(null);

}

function diplayProfile()

{

if(req.readyState==4)

{

document.getElementById('contentArea').innerHTML=req.responseText;

}

function clearContent()

{

document.getElementById('contentArea').innerHTML='';

}

</script>

</head>

<h1>Mouse over the image for More Information</h1>

</body>

</html>

sachin.html

<html>

<body>

<b>Full name:</b> Sachin Ramesh Tendulkar<br/><br/>

<b>Born:</b> April 24, 1973, Bombay (now Mumbai), Maharashtra<br/><br/>

<b>Major teams:</b> India, Asia XI, Mumbai, Mumbai Indians, Yorkshire<br/><br/>

<b>Nickname:</b> Tendlya, Little Master<br/><br/>

<b>Playing role:</b> Top-order batsman<br/><br/>

<b>Batting style:</b> Right-hand bat<br/><br/>

<b>Bowling style:</b> Right-arm offbreak, Legbreak googly

</body>

</html>

dravid.html

<html>

<body>

<b>Full name:</b> Rahul Sharad Dravid<br/><br/>

<b>Born:</b> January 11, 1973, Indore, Madhya Pradesh <br/><br/>

<b>Major teams:</b> India, Scotland, Asia XI, ICC World XI, Karnataka, Kent,

Marylebone Cricket Club, Rajasthan Royals, Royal Challengers Bangalore<br/><br/>

<b>Nickname:</b> The Wall<br/><br/>

<b>Playing role:</b> Top-order batsman<br/><br/>

<b>Batting style:</b> Right-hand bat<br/><br/>

<b>Bowling style:</b> Right-arm offbreak

</body>

</html>

kohli.html

<html>

<body>

<b>Full name:</b> Virat Kohli<br/><br/>

<b>Born:</b>November 5, 1988, Delhi<br/><br/>

<b>Major teams:</b>India, Delhi, India Red, India Under-19s, Royal Challengers Bangalore<br/><br/>

<b>Playing role:</b>Middle-order batsman<br/><br/>

<b>Batting style:</b>Right-hand bat<br/><br/>

<b>Bowling style:</b>Right-arm medium

</body>

</html>

raina.html

<html>

<body>

<b>Full name:</b> Suresh Kumar Raina<br/><br/>

<b>Born:</b>November 27, 1986, Muradnagar, Ghaziabad, Uttar Pradesh<br/><br/>

<b>Major teams:</b>India, Chennai Super Kings, India Blue, India Under-19s, Indian Board President's XI, Rajasthan Cricket Association President's XI, Uttar Pradesh, Uttar Pradesh Under-16s<br/><br/>

<b>Playing role:</b>Middle-order batsman<br/><br/>

<b>Batting style:</b>Left-hand bat<br/><br/>

<b>Bowling style:</b> Right-arm offbreak

</body>

</html>

yuvi.html

<html>

<body>

<b>Full name:</b>Yuvraj Singh<br/><br/>

<b>Born:</b>December 12, 1981, Chandigarh<br/><br/>

<b>Major teams:</b>India, Asia XI, Kings XI Punjab, Pune Warriors, Punjab, Yorkshire<br/><br/>

<b>Playing role:</b>Middle-order batsman<br/><br/>

<b>Batting style:</b>Left-hand bat<br/><br/>

<b>Bowling style:</b>Slow left-arm orthodox

</body>

</html>

veeru.html

<html>

<body>

<b>Full name:</b>Virender Sehwag<br/><br/>

<b>Born:</b>October 20, 1978, Delhi<br/><br/>

<b>Major teams:</b>India, Asia XI, Delhi, Delhi Daredevils, ICC World XI, India Blue, Leicestershire, Rajasthan Cricket Association President's XI<br/><br/>

<b>Playing role:</b>Top-order batsman<br/><br/>

<b>Batting style:</b>Right-hand bat<br/><br/>

<b>Bowling style:</b>Right-arm offbreak

</body>

</html>

dhoni.html

<html>

<b>Full name:</b> Mahendra Singh Dhoni<br/><br/>

<b>Born:</b>July 7, 1981, Ranchi, Bihar (now Jharkhand)<br/><br/>

<b>Major teams:</b>India, Asia XI, Bihar, Chennai Super Kings, Jharkhand<br/><br/>

<b>Playing role:</b>Wicketkeeper batsman<br/><br/>

<b>Batting style:</b>Right-hand bat<br/><br/>

<b>Bowling style:</b>Right-arm medium

</body>

</html>

Images

dravid.jpg

kohli.jpg

raina.jpg

sachin.jpg

veeru.jpg

yuvi.jpg

dhoni.jpg

OUTPUT SCREENSHOTS

Thanks to: http://sreebrothers.blogspot.in

Displaying book details using XML and XSLT

2012-04-12T08:17:00.002-07:00

DISPLAYING BOOK DETAILS USING XML AND XSLT

Aim:

To write XML program to display book details with XSL

Algorithm:

1. Create an XSL page

2. Set styles for an XML file and save the file with extension .xsl

3. Create another file and include XML tags

4. Write code to link the XSL file

5. Save the file with extension .xml

6. Run the XML file

7. Verify the result

Simple.xml

<?xml version="1.0" encoding="ISO-8859-1"?>

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

<books_menu>

<book>

<name>

Computer Architecture </name>

<price> 234.56

</price>

Computer Is an electronic device

</description>

<pages>456

</pages>

</book>

<book>

<name>

Computer Organisation </name>

<price> 234.56

</price>

Computer has input and output devices

</description>

<pages>456

</pages>

</book>

</books_menu>

simple.xsl:

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:for-each select="books_menu/book">

<xsl:value-of select="name"/>

</span>

</div>

<xsl:value-of select="description"/>

<xsl:value-of select="pages"/>

(pages in book)

</span>

</div>

</xsl:for-each>

</body>

</html>

OUTPUT SCREENSHOTS

Displaying student details using XML and XSLT

2012-04-12T08:03:00.000-07:00

DISPLAYING STUDENT DETAILS USING XML AND XSLT

ALGORITHM:

1. Create an XML document (stud.xml) that contains the markup tags such as <name>, <dept>, and <rno>.

2. Create an XSL document (stud.xsl) that defines the style to display an XML document.

3. Associate style sheet (XSL) with XML using the markup <?xml-stylesheet>

4. Load the XML document (stud.xml) in the browser.

stud.xml

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

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

<stud>

<name>Abhilash</name>

</stud>

<stud>

<name>Akhila</name>

</stud>

<stud>

<name>Anaswara</name>

</stud>

</studInfo>

stud.xsl

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

<xsl:transform version="1.0"

xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">

<head>

<title>Student Details - Transformation</title>

</head>

<body>

<caption>Student Details</caption>

<tr>

<th>Name</th><th>Department</th><th>Register No</th>

</tr>

<xsl:for-each select="/studInfo/stud">

<tr>

</tr>

</xsl:for-each>

</table>

</body>

</html>

</xsl:template>

</xsl:transform>

OUTPUT SCREENSHOTS

Displaying student marklist using Java Server Pages

2012-04-12T06:41:00.001-07:00

DISPLAYING STUDENT MARK LIST USING JSP

AIM:

To create a three tier application for displaying student mark list using JSP and database.

ALGORITHM:

1. Design the HTML page (stud.html) with the following

a) Create a form to get the input (Register Number) from the user.

b) Set the URL of the server (marklist.jsp) as the value of the action attribute.

c) Use submit button to invoke the server and send the form data to the server.

2. Create the JSP file with the following

a) Read the parameter value (Register Number) from the form by using the method getParameter().

b) Server retrieves the details from the database table with respect to the form input.

c) Server displays the mark list to the client as the response.

marklist.jsp:

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

<html>

<head>

<title>Three Tier Application</title>

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

</style>

</head>

<body>

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

String str=request.getParameter("regno");

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

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

Statement stmt=con.createStatement();

ResultSet rs=stmt.executeQuery("SELECT*FROM markTab WHERE rno="+str);

while(rs.next())

{

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

<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></tr>

</table>

}

<br/>

</body>

</html>

stud.HTML:

<html>

<head>

<title>Three Tier Application</title>

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

</style>

</head>

<body>

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

Enter Your Reg.No:

</form>

</body>

<html>

DATABASE

OUTPUT SCREENSHOTS

Online Examination using JSP

2012-04-12T06:31:00.001-07:00

ONLINE EXAMINATION USING JSP

AIM:

To create a three tier application for conducting online examination using JSP and database.

ALGORITHM:

1. Design the HTML page (ExamClient.html) with the following

a) Create a form to get the input from the user.

b) Use radio buttons to make various options for the questions.

c) Set the URL of the server (ExamServer.jsp) as the value of the action attribute.

d) Use submit button to invoke the server and send the form data to the server.

2. Create the JSP file with the following

a) Read the input from the client.

b) Retrieve the answers from the database.

c) Match the answers from the user with the correct answers from the database table.

d) For each correct answer increment the mark by 5.

e) Server displays the mark and result to the client as a response.

ExamServer.jsp:

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

<html>

<head>

<title>Online Exam Server</title>

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

</style>

</head>

<body>

<h2 style="text-align:center">ONLINE EXAMINATION</h2>

<p>

</p>

<hr/>

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

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

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

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("<h4>Your Mark Is : "+mark+"</h4>");

out.println("<h3>Congratulations....! You Are Eligible For The Next Round...</h3>");

}

else

{

out.println("<h4>Your Mark is : "+mark+"</h4>");

out.println("<h3>Sorry....!! You Are Not Eligible For The Next Round...</h3>");

}

</form>

</body>

</html>

ExamClient.HTML:

<html>

<head>

<title>Online Exam Client</title>

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

</style>

</head>

<body>

<h2 style="text-align:center">ONLINE EXAMINATION</h2>

<h3>Answer the following questions (5 marks for each correct answer)</h3>

<hr/>

1. All computers must have <br/>

<input type="radio" name="ans1" value="Operating System">Operating System

<input type="radio" name="ans1" value="Application Software">Application Software

<input type="radio" name="ans1" value="CD Drive">CD Drive

<input type="radio" name="ans1" value="Microsoft word">Microsoft word

2. The term PC means <br/>

<input type="radio" name="ans2" value="Private Computer">Private Computer

<input type="radio" name="ans2" value="Professional Computer">Professional Computer

<input type="radio" name="ans2" value="Personal Computer">Personal Computer

<input type="radio" name="ans2" value="Personal Calculator">Personal Calculator

3.C was developed by?<br/>

<input type="radio" name="ans3" value="Dennis Ritchie">Dennis Ritchie

<input type="radio" name="ans3" value="Stroustrup">Stroustrup

<input type="radio" name="ans3" value="David Ritchie">David Ritchie

<input type="radio" name="ans3" value="Charles Babbage">Charles Babbage

</form>

</body>

</html>

DATABASE

OUTPUT SCREENSHOTS

Invoking Servlets from HTML form

2012-04-12T01:55:00.001-07:00

INVOKING SERVLETS FROM HTML FORM

AIM:

To write a java program to invoke servlets from HTML form.

ALGORITHM:

client.html

(1) Create a web page using HTML form that contains the fields such as text, password and one submit button.

(2) Set the URL of the server as the value of form’s action attribute.

(3) Run the HTML program.

(4) Submit the form data to the server.

server.java

(1) Define the class server that extends the property of the class GenericServlet.

(2) Handle the request from the client by using the method service() of GenericServlet class.

(3) Get the parameter names from the HTML form by using the method getParameterNames().

(4) Get the parameter values from the HTML forms by using the method getParameter().

(5) Send the response to the client by using the method of PrintWriter class.

server.java:

import java.io.*;

import java.util.*;

import javax.servlet.*;

public class server extends GenericServlet

{

public void service(ServletRequest req,ServletResponse res)throws ServletException,IOException

{

PrintWriter pw=res.getWriter();

pw.print("<h3>Registration Successful...</h3>");

Enumeration e=req.getParameterNames();

while(e.hasMoreElements())

{

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

String str2=req.getParameter(str1);

pw.print(str1+"="+str2+"<br/>");

}

pw.close();

}

web.xml:

<web-app>

<servlet-name>Register</servlet-name>

<servlet-class>server</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>Register</servlet-name>

<url-pattern>/server</url-pattern>

</servlet-mapping>

</web-app>

Client.HTML:

<html>

<head>

<title>Invoking Servlet From HTML</title>

</head>

<legend>Registration</legend>

Enter E-mail     :

Enter Password:

</fieldset>

</form>

</body>

</html>

Invoking Servlets from Applets

2012-04-09T17:43:00.000-07:00

INVOKING SERVLETS FROM APPLETS

AIM:

To write a java program that invokes servlet from applet.

ALGORITHM:

1. Create the java program with the following

a) Define the class Myapplet which extends the property of the class Applet and implements the interface ActionListener.

b) Define the objects for Button and add the button in the init() method of Applet class

c) Make the button to listen the action by using the method addActionListener().

d) Set the URL of the servlet program by using the object of the class URL.

e) Define the object for AppletContext in order to display the output of the servlet on new browser window.

2. Create HTML file that contains the applet tag and pass the class name to that applet code.

3. Create the simple servlet program that contains any response message

4. Run the HTML file that contains the corresponding applet code.

5. Click the button on the applet window in order to invoke the servlet program.

MyServer.java:

import java.io.*;
import java.util.*;
import javax.servlet.*;
public class MyServer extends GenericServlet
{
public void service(ServletRequest req,ServletResponse res)throws ServletException,IOException
{
  PrintWriter pw=res.getWriter();
  Date d=new Date();
  pw.println("<html><body bgcolor=blue><h2>Server Response</h2>");
  pw.println("<h3>Current Date and Time From Server:</h3>");
  pw.println("<b>"+d+"</b></body></html>");
}
}

web.xml:

<web-app>

<servlet-name>Applet</servlet-name>

<servlet-class>MyServer</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>Applet</servlet-name>

<url-pattern>/MyServer</url-pattern>

</servlet-mapping>

</web-app>

AppletClient.java:

import java.applet.*;

import java.awt.*;

import java.awt.event.*;

import java.net.*;

public class AppletClient extends Applet implements ActionListener

{

public void init()

{

Label la=new Label("INVOKING SERVLET FROM APPLET");

la.setFont(new Font("Courier",Font.BOLD,15));

la.setForeground(Color.blue);

add(la);

Button b1=new Button("Click Here To Display Date Information From Server");

b1.setBackground(Color.black);

b1.setForeground(Color.white);

add(b1);

b1.addActionListener(this);

}

public void actionPerformed(ActionEvent ae)

{

try

{

AppletContext ac=getAppletContext();

URL url = new URL("http://localhost:8080/servlets3/MyServer");

ac.showDocument(url);

}

catch(Exception e)

{

System.out.println(e);

}

AppletClient.HTML:

<html>

<head>

<title>Invoking Servlets From Applet</title>

</head>

</applet>

</body>

</html>

Thanks to : http://sreebrothers.blogspot.in

New Technology in Cell phone

2012-03-07T09:03:00.000-08:00

Future Phone - Paper-thin cell phone.. How is it??...