Hey Peeps!

Im not too familiar with jQuery,

Ive been wanting to make a tooltip for a "search result grid",

each trigger should have a unique comment in the tooltip.

so say for instance i have a php call like so:

  $query = mysql_query("SELECT * FROM `Cars` ORDER BY `Make` ASC ");
  //cars might have things like: make, year, mileage and description

  while($row = mysql_fetch_assoc($query)){
   //loop to draw out table

inside the row loop:

 <td><?php echo $row['make'];?></td>
 <td><?php echo $row['model'];?></td>
   <a href="#" class="quali">description</a>
   <div class="qual">
      <?php echo $row['description'];?>

in the script section ive tried using the following:

               "visibility" : "visible"
    	"visibility" : "hidden"			  

where .quali is the class of my <a href="#"></a> trigger and .qual is the class of my tooltip div.

it works, (suprisingly), but all the tooltips show up together.

I know i need a unique identifier, im just not too sure how to achieve this,

Any help will be greatly appreciated.


5 Years
Discussion Span
Last Post by fobos

maybe something like

function showtip(id) {
    $(id).css "visibility" : "visible";    
function hidetip(id) {
    $(id).css "visibility" : "hidden";    

then add this to your href:

<a href='#' onmouseover='showtip('".row['id']."')' onmouseout='hidetip('".row['id']."')'>description</a>
<div id='".row['id']."'><?php echo $row['description'];?>   </div>

i think onmouseover='' and onmouseout='' needs to have javascript: in it. like onmouseout='javascript:hidetip()'. i hope this helps

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.