jQuery: The Write Less, Do More JavaScript Library

clueTip display inconsistently

View: New views
6 Messages — Rating Filter:   Alert me  

clueTip display inconsistently

by wendy.constantine :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


I've encountered some inconsistency in how the clue tip plugin
displays. In most cases, it works perfectly using the JTip theme, yet
when there are multiple links on a page, the links lowest on the page
almost surely do not display a tip at all (except for the standard
browser tooltip). And in some cases, the style changes entirely while
using the same class.

Here is a link to a sample document:
http://d-college.cengage.com/art/0495799874_kleiner/student/bonus/ch04/04_08A.html


In all cases, what I'm trying to accomplish is an image rollover with
title. The hrefs and parameters are all constructed the same, and
what's more puzzling is that the same href would work fine if placed
at the top of the document.

This is the jquery used:

$('a.jt:eq(2)').cluetip({
  cluetipClass: 'jtip', arrows: true,
  dropShadow: true,
  height: 'auto',
  sticky: true,
  waitImage: true,
  closeText: '<img src="../../../jscript/images/cross.png"
alt="close" />',
  positionBy: 'bottomTop'
});


And here's a sample href:
<a class="jt" href="javascript:void(0);" rel="../ch03/thumbs/
0312A.jpg" title="Seated statues of Rahotep and Nofret, from their
mastaba at Maidum, Egypt, Fourth Dynasty">

Any help would be appreciated.
Thanks,
Wendy

Re: clueTip display inconsistently

by Karl Swedberg-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

You're selecting only the third link with class="jt":

$('a.jt:eq(2)')

If you want all of them to show the cluetip on hover, remove the :eq(2) part of the selector:

$('a.jt')



--Karl

____________
Karl Swedberg




On Oct 23, 2009, at 5:19 PM, wendy.constantine wrote:


I've encountered some inconsistency in how the clue tip plugin
displays. In most cases, it works perfectly using the JTip theme, yet
when there are multiple links on a page, the links lowest on the page
almost surely do not display a tip at all (except for the standard
browser tooltip). And in some cases, the style changes entirely while
using the same class.

Here is a link to a sample document:
http://d-college.cengage.com/art/0495799874_kleiner/student/bonus/ch04/04_08A.html


In all cases, what I'm trying to accomplish is an image rollover with
title. The hrefs and parameters are all constructed the same, and
what's more puzzling is that the same href would work fine if placed
at the top of the document.

This is the jquery used:

$('a.jt:eq(2)').cluetip({
 cluetipClass: 'jtip', arrows: true,
 dropShadow: true,
 height: 'auto',
 sticky: true,
 waitImage: true,
 closeText: '<img src="../../../jscript/images/cross.png"
alt="close" />',
 positionBy: 'bottomTop'
});


And here's a sample href:
<a class="jt" href="javascript:void(0);" rel="../ch03/thumbs/
0312A.jpg" title="Seated statues of Rahotep and Nofret, from their
mastaba at Maidum, Egypt, Fourth Dynasty">

Any help would be appreciated.
Thanks,
Wendy


Re: clueTip display inconsistently

by wendy.constantine :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Thanks, Karl!

That did solve most of the display issues, and I should have seen that
earlier. Now, I'm noticing that the 4th link is consistently using the
default style and not the jt class referenced. And in some cases, the
arrow displays to close, yet in others it does not.

Can you think of reasons for the above?
Thanks again!
Wendy

Re: clueTip display inconsistently

by wendy.constantine :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


I've discovered the problem. Thanks again for your help, Karl.


Re: clueTip display inconsistently

by Simone-30 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hey Wendy/Karl... can you share your findings?? I am having the same
problem just using the default style.

I am using the basic function with default style! and the results I
get are a tip box with dark, 60% transparent background... very
confused and have spent a couple of days on this...!! any help would
be appreciated!

Cheers,
Simone

On Oct 26, 7:14 pm, "wendy.constantine"
<wendy.constant...@...> wrote:
> I've discovered the problem. Thanks again for your help, Karl.

Re: clueTip display inconsistently

by Simone-30 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hello everyone... figured out what was wrong...
I am using sharepoint and was trying to add the stylesheet to a
content editor webpart as a link... it was not working... and funy
thing is that some sort of style was being loaded... anyhow... thanks
for the wonderful tool :)

Cheers,
Simone

On Nov 10, 1:01 pm, Simone <simone.chec...@...> wrote:

> Hey Wendy/Karl... can you share your findings?? I am having the same
> problem just using the defaultstyle.
>
> I am using the basic function with defaultstyle! and the results I
> get are a tip box with dark, 60% transparent background... very
> confused and have spent a couple of days on this...!! any help would
> be appreciated!
>
> Cheers,
> Simone
>
> On Oct 26, 7:14 pm, "wendy.constantine"
>
>
>
> <wendy.constant...@...> wrote:
> > I've discovered the problem. Thanks again for your help, Karl.- Hide quoted text -
>
> - Show quoted text -