Hi,
well, I don't know about "easily," but you can set the "sticky" option
to true and then use Firebug to inspect the element once it's visible
(or even when it's hidden, actually).
Here is the structure of a fairly typical rounded-corner, sticky
tooltip:
<div id="cluetip" class="clue-right-rounded cluetip-rounded">
<div id="cluetip-outer">
<h3 id="cluetip-title">rounded corners</h3>
<div id="cluetip-inner">
<div id="cluetip-close"><a href="#">Close</a></div>
<!-- contents go here! -->
</div>
</div>
<div id="cluetip-extra"></div>
<div class="cluetip-arrows" id="cluetip-arrows"></div>
</div>
Hope that helps.
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 1, 2008, at 1:52 PM, datatv wrote:
Well, actually there is a file there in that folder so I don't know
why you're not getting it. I followed your lead though and deleted all
the .js from that page and added yours and I get the rounded corners
box and then added all the other features I want like arrows and now
they show up too.
Is there a way I can see the HTML of one of these boxes easily so I
can figure out where the selectors and styles are so I can customize
it some more?
On Jul 1, 6:41 am, Karl Swedberg <[EMAIL PROTECTED]> wrote:
Hi again,
You have a couple problems here.
1. None of the rounded corner examples are using a selector that will
select the link you're trying to activate with a clueTip. If you only
want one clueTip to appear, and you want it to appear when hovering
over that first image (or, more precisely, it's containing link), try
this:
$(document).ready(function() {
$('a[title^=rounded]').cluetip({cluetipClass: 'rounded'});
});
You can get rid of everything else in that js file.
For more information about selecting elements on a page,
see:http://docs.jquery.com/Selectors
2. You have "demo/ajax4.htm" in the rel attribute -- but that file
doesn't exist. If you want to pull in tooltip content from another
page (which, given the rel attribute in there, I'm assuming you want
to do), the other page has to exist.
--Karl
____________
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jun 30, 2008, at 10:59 PM, datatv wrote:
OK, I found it but that brings up the default. I still can't figure
out why the rounded corners tool tip won't appear.
On Jun 30, 5:46 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
Hi,
It looks like you've included the entire demo script, but you
really
only need one line inside a $(document).ready() function.
The first two lines that use the .cluetip() method in your script
file
are these:
$('a.title').cluetip({splitTitle: '|'});
$('a.basic').cluetip();
Notice that the first one applies the cluetip to a link with
class="title" and the second to a link with class="basic" . Your
html
doesn't have either of these classes in it. I think that could be
your
problem.
--Karl
____________
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jun 30, 2008, at 7:14 PM, datatv wrote:
I just started using Cluetip and I can't get the tip to show up at
all
even though I've tried the example on the Cluetip website (for
rounded
corners) to the letter. Can anybody look at my code and see
where I
might have screwed up?
http://www.datatv.com/sw/SW_wp_sampler.html
If you rollover the first icon on the top left (underneath the
header)
the cluetip is supposed to appear.
Thanks in advance to anyone who can assist.
