Submit Button with Tooltip

[djinnov8]

Hi guys,

Im a newbie to js/jquery so need a lil help on this one.
I need js code so I can create tooltip explaining what each submit button does before they click...
All feedback greatly appreciated..

HTML Code

<!--Sample Code.--->
<table width="100%">
<tr>
<td width="16%" align="center">
 
<input type='image' id="button1" src='../site_images/category_products.jpg' border='0' alt="Product Button" class="buttons" value="Product"></input>
</td>
 
<td width="16%" align="center">
<input type='image' id="button2" src='../site_images/category_businesses.jpg' border='0' alt="Business Button" class="buttons" value="Business"></input>
</td>
 
</tr>
</table>

[Craig]

First off, add 'title' attributes to your input elements which provide the content for your tooltips, then use this code:

JS Code

$('td input[title]').qtip({
   content: true // Grab the content from the title attribute of the element
})

Hope this helps!