craigsworks.com - Support Forum

Full Version: Getting Started
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
This might sound silly, but, I've just installed qTip. I'm at the documentation page and I'm stuck on "Creating a Tooltip".

My issue is just as basic as I don't know where this code goes:

JS Code
$('ul:last li.active').qtip({
   content: 'This is an active list element',
   show: 'mouseover',
   hide: 'mouseout'
})


Does that code actually print markup into my document somewhere? I'm sorta lost. Sorry if this is too simple so as to be laughable! But after you laugh, please throw me some pointers. Thanks!
dustin--

The code goes in your html file between <script> tags after the empty <script> tags that link to your jQuery and qTip libraries (.js files), like so (pulled from the documentation):

Quote:<script type="text/javascript" src="/projects/qtip/js/jquery.1.3.2.min.js">
<script type="text/javascript" src="/projects/qtip/js/jquery.qtip-1.0.0.min.js"></script>
<script type="text/javascript">
$('ul:last li.active').qtip({
content: 'This is an active list element',
show: 'mouseover',
hide: 'mouseout'
})</script>

The selector 'ul:last li.active' in the documentation has to be replaced by the qTip target in your html file.

Read the postings throughout the forum carefully, as there are some bugs in the documentation and some additional documentation that hasn't made the official text. Craig has corrected some of the bugs and is intending to update the documentation shortly.

Meanwhile, embrace and celebrate you newbie-ness. Everyone was a newbie once--even John Resig. Some people are smarter and better at programming...but that's another thing altogetherBig Grin.
Thanks for the encouragements. I ended up figuring some of that out in the meantime, but it's good to know the documentation issue and that there are friendly peeps around here. Take care!
Reference URL's