qTip | JavaScriptSource

qTip

Craig Erskine Aug 15, 2008

General

This script creates tooltips for anything on your page. You select what tags it can be attached to and then just add them to the page.


In this example, the i and input tags have been used for the tootips.

Move your mouse over the input box.

Move your mouse over the underlined words. Li nov lingua franca link text plu simplic e regulari.

Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: qTip.js


CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


Leave a Response

(3 comments)

Chris,[br /]In order to answer you question, we would need to see your code, and how it is implemented. With that in mind, it is beyond the scope of these comments. You will need to post it over on [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]the JavaScript forum[/a]. Thanks!

Lee Jan 16, 2009

I have this working well on a few test pages - very nice - and in some cases there are calls to at least one or two other css and js files. Seemingly no conflict.[br /][br /]However, I have one page where it does not function as yet - I think because I have a fairly complex dynamic menu running. I have tried isolating components but so far no solution. I wonder what elements I should perhaps look for that might lead to a conflict? Would it be another js file or a css issue perhaps?

Chris Dec 16, 2008

There's an issue with the tip window with select boxes in explorer 6, the select boxes show over the tip,[br /]Any idea on how to fix this? Probably with CSS

Eddie Oct 13, 2008