I am working on www.mynameisoninternet.com .
In this i want that all registered names get retrieved from database and should be running on homepage. And on mouseover of any name , its related data should be retrived and shown in a tooltip or in popup window.
can any one has idea how to proceed ?
I have tried taking help from following link using tooltip.js :
http://ashishware.com/TransTT.shtml
but the result i am getting is you can always see here www.mynameisoninternet.com
my code is as follows :
Expand|Select|Wrap|Line Numbers
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>Myname IS On Net</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <link href="myname.css" rel="stylesheet" type="text/css">
- <script language="javascript" src="Tooltip.js"></script>
- </head>
- <body onload=init()>
- <?php
- include("include/connection.php");
- $sql = "SELECT * from susers";
- $result = mysql_query($sql,$con); ?>
- <div id="wrapper">
- <div id="header">
- <div id="logo"></div>
- <div id="hlogin">
- <TABLE WIDTH=400 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#618BB5">
- <TR align="center" valign="bottom">
- <TD COLSPAN=3>
- <IMG SRC="images/login_bg_01.gif" ALT="" align="bottom"></TD>
- </TR>
- <TR >
- <TD width="38" align="right" valign="bottom">
- <IMG SRC="images/login_bg_02.gif" ALT="" hspace="0" vspace="0" align="left"></TD>
- <TD width="330" bgcolor="#618BB5"><form><table><tr><td>E-mail Id</td><td>:</td><td><input type="textfeild" name="emailid"></td><td></td></tr>
- <tr><td>Password</td><td>:</td><td><input type="textfeild" name="password"></td><td><input type="button" name="submit" value="OK"></td></tr></table></form>
- <p align="center">Forgot Password / Register</p></TD>
- <TD width="32" valign="bottom">
- <div align="right"><img src="images/login_bg_04.gif" alt="" hspace="0" vspace="0" align="right"></div></TD>
- </TR>
- </TABLE>
- </div>
- </div>
- <div id="divider"></div>
- <div id="Container"><div align="center"><font style="color: #000000; font-size: 20pt;"><BR>
- <table border ="0px">
- <tr>
- <?
- $a = 0 ;
- while($row = mysql_fetch_array($result))
- {
- if($a > 3)
- {
- echo "</tr><tr>";
- $a = 0 ;
- }
- echo "<td><marquee><span class='ttip' onmouseover=if(t1)t1.Show(event,l1) onmouseout=if(t1)t1.Hide(event)>".$row['name']."</marquee></span></td>";
- ?>
- <div id="a" style="background-color:skyblue;width: 184px; height: 49px;border: solid 1px gray; text-align: center;filter: alpha(Opacity=75);opacity:0.75">
- Translucent tooltip !
- </div>
- <script>
- var t1 = null
- var l1="<?php echo $row['name']; ?>";
- function init()
- {
- t1 = new ToolTip("a",true,40);
- }
- </script>
- <?
- $a = $a + 1 ;
- }
- mysql_close($con);
- ?>
- </tr></table>
- </font></div></div>
- <div id="divider"></div>
- <div id="footer"><br><br><form><table align="center"><tr><td><input type="textfeild" name="password"></td><td><input type="button" name="Search" value="Search"></td></tr></table></form>
- </div>
- </div>
- </body>
- </html>
thanks