QuestionAsk Questions?
debasis
Dear Sir,
One more question i have.In my web page many students' roll number are there.I want to dispaly student's information just after placing the mouse on that roll number.(Details like-age,sex.location.)Only by placing,not by clicking.No new page should open.I heard ki Tooltip can be used as bookmyshow and yatra.com web sites are using to show flight details only by placing the mouse on that flight number.Can you pliz give me the code and how to use.If function is used in the bean,pliz give me..
Regards
Debasis
One more question i have.In my web page many students' roll number are there.I want to dispaly student's information just after placing the mouse on that roll number.(Details like-age,sex.location.)Only by placing,not by clicking.No new page should open.I heard ki Tooltip can be used as bookmyshow and yatra.com web sites are using to show flight details only by placing the mouse on that flight number.Can you pliz give me the code and how to use.If function is used in the bean,pliz give me..
Regards
Debasis
View Answers
July 19, 2010 at 1:00 PM
Hi Friend,
Try the following code:
<%@page import="java.sql.*"%>
<script type="text/javascript">
function show(item,name,address,age,gender){
hp = document.getElementById("div");
hp.innerHTML = "Name: "+name+"<br>Address: "+address+"<br>Age: "+age+"<br>Gender: "+gender;
hp.style.top = item.offsetTop + 18;
hp.style.left = item.offsetLeft + 20;
hp.style.visibility = "Visible";
}
function hide(){
hp = document.getElementById("div");
hp.style.visibility = "Hidden";
}
</script>
<body onload="hide();">
<table >
<%
Class.forName("com.mysql.jdbc.Driver").newInstance();
Connection connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root";, "root");
Statement st=connection.createStatement();
ResultSet rs=st.executeQuery("select * from student");
while(rs.next()){
String roll=rs.getString("rollNo");
String name=rs.getString("name");
String address=rs.getString("address");
String age=rs.getString("age");
String gen=rs.getString("gender");
%>
<tr><td style="cursor:default;" onMouseOver="show(this,'<%=name%>','<%=address%>','<%=age%>','<%=gen%>');" onMouseOut="hide();"><%=roll%><div id="div" style="border: 2px solid rgb(0, 0, 0); width: 250px; height: 100px;background-color:blue;visibility:hidden; position:absolute; top:0; left:0;"></div></td>
</tr>
<%
}%>
</table>
</body>
For the above code, we have created a table 'student':
CREATE TABLE `student` (
`rollNo` bigint(40) NOT NULL auto_increment,
`name` varchar(40) default NULL,
`address` varchar(20) default NULL,
`age` int(40) default NULL,
`gender` varchar(10) default NULL,
PRIMARY KEY (`rollNo`)
)
Thanks
Try the following code:
<%@page import="java.sql.*"%>
<script type="text/javascript">
function show(item,name,address,age,gender){
hp = document.getElementById("div");
hp.innerHTML = "Name: "+name+"<br>Address: "+address+"<br>Age: "+age+"<br>Gender: "+gender;
hp.style.top = item.offsetTop + 18;
hp.style.left = item.offsetLeft + 20;
hp.style.visibility = "Visible";
}
function hide(){
hp = document.getElementById("div");
hp.style.visibility = "Hidden";
}
</script>
<body onload="hide();">
<table >
<%
Class.forName("com.mysql.jdbc.Driver").newInstance();
Connection connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root";, "root");
Statement st=connection.createStatement();
ResultSet rs=st.executeQuery("select * from student");
while(rs.next()){
String roll=rs.getString("rollNo");
String name=rs.getString("name");
String address=rs.getString("address");
String age=rs.getString("age");
String gen=rs.getString("gender");
%>
<tr><td style="cursor:default;" onMouseOver="show(this,'<%=name%>','<%=address%>','<%=age%>','<%=gen%>');" onMouseOut="hide();"><%=roll%><div id="div" style="border: 2px solid rgb(0, 0, 0); width: 250px; height: 100px;background-color:blue;visibility:hidden; position:absolute; top:0; left:0;"></div></td>
</tr>
<%
}%>
</table>
</body>
For the above code, we have created a table 'student':
CREATE TABLE `student` (
`rollNo` bigint(40) NOT NULL auto_increment,
`name` varchar(40) default NULL,
`address` varchar(20) default NULL,
`age` int(40) default NULL,
`gender` varchar(10) default NULL,
PRIMARY KEY (`rollNo`)
)
Thanks
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
