Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
very simple working example?
25th August, 14:56
Post: #1
very simple working example?
hello.
great work on this plugin, but, is there a simple htm file with a working example that you can put up somewhere?

say, hover over an image, get the tooltip.

muchos thanks...
Find all posts by this user
Quote this message in a reply
25th August, 16:04
Post: #2
very simple working example?
Hello,

The following very simple example works:

It is just needed to place all the files into a same folder

JS Code
<html>
 
<head>
 
<title>Qtip content</title>
 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.qtip-1.0.0-rc3.min.js"></script>
 
// Create the first tooltip
 
<script type="text/javascript">
// Create the tooltips only on document load
$(document).ready(function() 
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('#content a[href]').qtip({
      // Simply use an HTML img tag within the HTML string
      content: 'i am a qtip'
   });
});
 
</script>
 
 
</head>
 
<body>
 
 
 
<div id="content"><a href="#">i am a qtip <img src="images/smilies/smile.gif" style="vertical-align: middle;" border="0" alt="Smile" title="Smile" /></a></div>
 
 
 
 
 
   </body>
   </html>
Find all posts by this user
Quote this message in a reply
7th August, 18:41
Post: #3
RE: very simple working example?
Thanks!

Shame there isn't something as useful as this available on the tutorial page.
Find all posts by this user
Quote this message in a reply
7th August, 20:16
Post: #4
RE: very simple working example?
The demos page has simple basic examples and you can click the "view code" button to display the source. The first one on the qTip1 entitled "Basic Content" is pretty much exactly what you're looking for:

http://craigsworks.com/projects/qtip/dem...tent/basic

The qTip2 demos page has an even simpler example entitled "Simple Integration." Just click the "View Source" function:

http://craigsworks.com/projects/qtip2/demos/

You can also find many basic and advanced examples for qTip2 with links to working demos and source in this post in the "Tutorials Forum" I started a while back:

http://craigsworks.com/projects/forums/t...on-samples
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  qtip only working the first time harjits 2 24 Yesterday 23:31
Last Post: Craig
  Dynamic contenct not working property in sortable cleung 5 737 8th December 18:45
Last Post: Craig
  Youtube demo not working on ffox 6 & 7 ivanmayes 2 696 11th October 17:14
Last Post: ivanmayes
  [Solved] simple test won't work? formaideale 3 541 11th October 12:48
Last Post: Craig
  [Solved] Why is this not working - Link nested in tooltip needed 1 547 12th September 17:10
Last Post: Craig
  [Solved] Blanket Destroy not working migdalskiy 2 512 22nd August 22:44
Last Post: migdalskiy
  Unfocus Not Working biglesliep 1 761 13th August 12:50
Last Post: Craig
  Simple working example? PeterY 2 957 7th August 20:18
Last Post: kiddailey
  styles and pointy position not working danbuntu 1 941 27th July 23:17
Last Post: Craig
  [Solved] qTip input fields validation not working with display:none Maverick 6 1,414 25th July 16:44
Last Post: Maverick



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