how to get small rectangular box or small window

Dear sir,
First i am calling a one jsp in a url ,it will display that perticular jsp.In this jsp i am showing a one table ,that contains attributes like id,subject,matter,matterfile from,status..etc.In a matter column i have to show a small content with hyperlink onmousemoves over it it has to show a small retangularbox or small window in that it has to show a full content of a message within a large window on mouse moves on a particular hyperlink .How to do it sir please help me .

The following is my code using this am getting starting few words and also a full message ,so please help me if any changes in a code...

MassMailDetailsDTO massDetails = (MassMailDetailsDTO) hashtable.get(i);
strMatter = massDetails.getMatter();
String strString = "<b><u>"+"Message "+((String)strMatter).replaceAll(",","<br>");
String[] subStringArray=strMatter.split("<br>");

<tr>
<td><%=value%></td>
<td><%=intId%></td>
<td><%=strSubject%></td>
<td valign="middle" align="center"> <a href="#"><%=subStringArray[0]%><span> <%=strString %></span></a></td>
<td><a href="<%=strMatterFile%>"><%=strMatterFile%></a></td>
<td><%=strStatus%></td>
<td><%=strFrom%></td>
</tr>

Thanks and Regards
Harini Veerapur.

View Answers

May 11, 2010 at 5:15 PM

Hi Friend,

Try the following code:

<%@page import="java.sql.*"%>
<script type="text/javascript">
function show(item,message){
hp = document.getElementById("div");
hp.innerHTML = message;
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 border=1>
<%
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 email");
String message="";
while(rs.next()){
String from=rs.getString(2);
String to=rs.getString(3);
String subject=rs.getString(4);
message=rs.getString(5);
String n=message.trim().substring(0, 5);
String mess=n+".............";
%>
<tr><td><%=from%></td><td><%=to%></td><td><%=subject%></td><td style="cursor:default;" onMouseOver="show(this,'<%=message%>');" onMouseOut="hide();"><%=mess%><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>

Thanks