Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Submit Button with Tooltip
9th September, 23:30 (This post was last modified: 9th September 23:36 by djinnov8.)
Post: #1
Submit Button with Tooltip
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>
Find all posts by this user
Quote this message in a reply
11th September, 08:17
Post: #2
RE: Submit Button with Tooltip
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!

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Delete button not showing in I.E. 7 Derek 8 4,247 5th August 14:32
Last Post: jamesj
  Close button instead of link? rseshadr 2 4,930 25th March 23:05
Last Post: rseshadr



User(s) browsing this thread: 1 Guest(s)