Please Log-in or Register to get full access to the forums.


Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Wordpress- qtip2-newbie
27th January, 08:19 (This post was last modified: 27th January 08:20 by proch.)
Post: #1
Wordpress- qtip2-newbie
Howdy, Shy
I love qtip2 and trying to implement it on my theme.
I downloaded the distribution and included the following file jquery.qtip.js and jquery.qtip.pack.js as described here craigsworks.com/projects/qtip2/tutorials/advanced/#wordpress and included the jquery.qtip.css in my custom css.

Here are my questions which are very basic: How do you include tooltip on the page or post?
can you provide some examples on how I may use HTML to create a tooltip?

Thanks a lot your help is greatly appreciated.

Patrick.
Find all posts by this user
Quote this message in a reply
27th January, 13:34
Post: #2
RE: Wordpress- qtip2-newbie
Check-out the simple integration demo: http://craigsworks.com/projects/qtip2/demos/ Lots of others to be found on there too!
Visit this user's website Find all posts by this user
Quote this message in a reply
27th January, 21:01 (This post was last modified: 27th January 21:07 by proch.)
Post: #3
RE: Wordpress- qtip2-newbie
(27th January 13:34)Craig Wrote:  Check-out the simple integration demo: http://craigsworks.com/projects/qtip2/demos/ Lots of others to be found on there too!


Thanks for the info. I tried the demo files and none of it works.
I downloaded 5 files from the dist server - See attached picture-

Which one do you setup for Wordpress ?

JS Code
wp_enqueue_script('qtip', 'path/to/jquery.qtip-2.0.0.pack.js', array('jquery'), false, true);



I'm sure there are many newbies like myself that racking their brain out to figure out how it works.
I'll be happy to write a tutorial on How to.

Thanks again for your help.

Patrick


Attached File(s) Thumbnail(s)
   
Find all posts by this user
Quote this message in a reply
6th January, 16:02 (This post was last modified: 6th January 16:03 by jmillspaysbills.)
Post: #4
RE: Wordpress- qtip2-newbie
Your original post doesn't seem like a wordpress issue at all. It seems you're having trouble loading the qtip in general, yes?

JS Code
<script type="text/javascript">
$(document).ready(function() {
   $('.yourClass').qtip({
      content: 'qTip content goes here'
   });
});
</script>


that goes in your footer before the closing body, or really just somewhere after qtip loads.

Additionally, you don't necessarily have to load the following in your functions.php file.

JS Code
wp_enqueue_script('qtip', 'path/to/jquery.qtip-2.0.0.pack.js', array('jquery'), false, true);


You can simply add jquery.qtip-2.0.0.pack.js to your header.php file as a standard script include (below your jquery include) or below your wp_head so that it loads after the dynamically generated jquery link.

Maybe I'm misunderstanding what you're asking. Does that help?
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  qTip in Wordpress - sth wrong Tymcio 0 155 17th August 16:08
Last Post: Tymcio
  [Solved] Newbie Help with Initialization VMM 2 248 9th June 17:04
Last Post: VMM
  Newbie Help - Struggling to understand nathonjones 4 255 6th June 17:45
Last Post: avergara08
  [Solved] Imagemap in WordPress Clickwork 2 450 26th February 15:10
Last Post: Clickwork
  [Solved] wordpress show tip from div id smd 1 751 28th November 19:00
Last Post: smd
  qTip2 and WordPress ryujohn86 2 709 28th June 11:23
Last Post: ryujohn86
  qTip2 and Wordpress integration Tutorial newbie2012 1 5,186 28th June 10:24
Last Post: ryujohn86
  [solved] [DOCS] Is there a youtube tutorial on adding qtip to wordpress? nzwordpressuser 1 1,072 23rd June 13:03
Last Post: Craig
  Newbie - Help with integration hares7293 0 604 10th October 18:04
Last Post: hares7293
  Wordpress Implementation Theme Issue iLoveLobster 2 881 2nd September 06:57
Last Post: nickCR



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