By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,712 Members | 2,116 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,712 IT Pros & Developers. It's quick & easy.

Tooltips for dummies?

P: n/a
I've got a photo gallery on my client's website, and it has been suggested
that, rather than show the whole thing full-size on one page (about 9 full-
page images), I should put a thumbnails page and link to the big ones.
This makes sense to me, but I see a snag - these pix have fairly
comprehensive captions, and I don't want the thumnails page to be
dominated by captions.

So, I figured tooltips would be cool.

So, I go googling, and there are THOUSANDS of tooltip scripts.

So, how do I pick one? Just try them out one at a time until I stumble
on one I like?

Thanks,
Rich

Jul 8 '08 #1
Share this Question
Share on Google+
11 Replies


P: n/a
So, I go googling, and there are THOUSANDS of tooltip scripts.
>
So, how do I pick one? Just try them out one at a time until I stumble
on one I like?
Yes, I'm close to the beginning of this path as well. My recommendations
would be:

1. Try them until you find one you really like
2. Test it against as many browsers as you can (I use IE6, IE7, IE8Beta
Firefox, Opera, Safari as a minimum)
3. Go back to (1) if it fails anywhere.

The important step is (2). You don't want to go to the trouble of
setting it all up, and getting everything perfect only to get a deluge
of email telling you that it doesn't work for them.

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk
Jul 9 '08 #2

P: n/a


Rich Grise wrote:
So, I figured tooltips would be cool.

So, I go googling, and there are THOUSANDS of tooltip scripts.
For images, none required. Use the title attribute. This will give you
a tooltip in at least MSIE6 and 7, Firefox 1.5, 2, 2/Linux, Opera 9, 9/
Linux and Konqueror.

Jul 9 '08 #3

P: n/a
The title attr appears as a tooltip in all major browsers. Your alt
content appears in MSIE if you don't have a title, so for multi-
browser consistency, you should have a title. The title tooltip
appears for sighted viewers; the alt is for visually impaired
(including search engines).
Jul 9 '08 #4

P: n/a
Rich Grise wrote:
I've got a photo gallery on my client's website, and it has been suggested
that, rather than show the whole thing full-size on one page (about 9 full-
page images), I should put a thumbnails page and link to the big ones.
This makes sense to me, but I see a snag - these pix have fairly
comprehensive captions, and I don't want the thumnails page to be
dominated by captions.

So, I figured tooltips would be cool.
Tooltips are annoying, there is a reason why many applications provide
an option to turn them off or provide a delay before they are displayed.
Tool tips obscure parts of the screen, in a gallery they will obscure
parts of the image they are intended to describe. Also, it isn't
obvious that they are there and users can only see one at a time.

If you want to give your images captions, give them captions.

So, I go googling, and there are THOUSANDS of tooltip scripts.
A better strategy might be to find an image gallery that has tool tips
that you like as see what they use. If you can't find any, there might
be a reason for that (see above).

So, how do I pick one? Just try them out one at a time until I stumble
on one I like?
Perhaps you should first determine what you want them to do, then what
features they need to do that. You will then have some objective
criteria for making a decision. Next you can look at the quality of the
code and go from there. Or write the script yourself, it isn't that hard.
--
Rob
Jul 9 '08 #5

P: n/a
On Jul 9, 3:31*am, Steve Swift <Steve.J.Sw...@gmail.comwrote:
So, I go googling, and there are THOUSANDS of tooltip scripts.
So, how do I pick one? Just try them out one at a time until I stumble
on one I like?

Yes, I'm close to the beginning of this path as well. My recommendations
would be:

1. Try them until you find one you really like
2. Test it *against as many browsers as you can (I use IE6, IE7, IE8Beta
* * Firefox, Opera, Safari as a minimum)
3. Go back to (1) if it fails anywhere.

The important step is (2). You don't want to go to the trouble of
setting it all up, and getting everything perfect only to get a deluge
of email telling you that it doesn't work for them.

--
Steve Swifthttp://www.swiftys.org.uk/swifty.htmlhttp://www.ringers.org.uk
I had some good success with Walter Zorn's library:
http://www.walterzorn.com/tooltip/tooltip_e.htm

Jul 9 '08 #6

P: n/a
On Wed, 09 Jul 2008 05:40:35 -0700, MartinRinehart wrote:
Rich Grise wrote:
>So, I figured tooltips would be cool.

So, I go googling, and there are THOUSANDS of tooltip scripts.

For images, none required. Use the title attribute. This will give you a
tooltip in at least MSIE6 and 7, Firefox 1.5, 2, 2/Linux, Opera 9, 9/
Linux and Konqueror.
"TITLE"!!! THAT's IT!!!!! :-) :-) :-) I knew there was _something_ simple,
I just couldn't remember the name of the attribute.

Thanks 10^9. :-)

Cheers!
Rich

Jul 9 '08 #7

P: n/a
Tom Cole wrote:
I had some good success with Walter Zorn's library:
http://www.walterzorn.com/tooltip/tooltip_e.htm
No, you did not.
PointedEars
--
var bugRiddenCrashPronePieceOfJunk = (
navigator.userAgent.indexOf('MSIE 5') != -1
&& navigator.userAgent.indexOf('Mac') != -1
) // Plone, register_function.js:16
Jul 13 '08 #8

P: n/a
Thomas 'PointedEars' Lahn wrote:
Tom Cole wrote:
>I had some good success with Walter Zorn's library:
http://www.walterzorn.com/tooltip/tooltip_e.htm

No, you did not.
What do you mean?

I've also used it and it does what it says it does. In a recent test it
"behaved" itself under IE, Firefox, Opera and Safari.

Andrew Poulos
Jul 14 '08 #9

P: n/a
Andrew Poulos wrote:
Thomas 'PointedEars' Lahn wrote:
>Tom Cole wrote:
>>I had some good success with Walter Zorn's library:
http://www.walterzorn.com/tooltip/tooltip_e.htm
No, you did not.

What do you mean?
You have been deceived. Read the Source, Luke.
I've also used it and it does what it says it does. In a recent test it
"behaved" itself under IE, Firefox, Opera and Safari.
See?
PointedEars
--
Prototype.js was written by people who don't know javascript for people
who don't know javascript. People who don't know javascript are not
the best source of advice on designing systems that use javascript.
-- Richard Cornford, cljs, <f8*******************@news.demon.co.uk>
Jul 14 '08 #10

P: n/a
Thomas 'PointedEars' Lahn wrote:
Andrew Poulos wrote:
>Thomas 'PointedEars' Lahn wrote:
>>Tom Cole wrote:
I had some good success with Walter Zorn's library:
http://www.walterzorn.com/tooltip/tooltip_e.htm
No, you did not.
What do you mean?

You have been deceived. Read the Source, Luke.
>I've also used it and it does what it says it does. In a recent test it
"behaved" itself under IE, Firefox, Opera and Safari.

See?
What fault(s) have you found with it as I haven't found any?

Andrew Poulos
Jul 14 '08 #11

P: n/a
Andrew Poulos meinte:
What fault(s) have you found with it as I haven't found any?
You didn't have a look at the source, did you? Since TT relies heavily
on ugly browser sniffing it "works" more or less by coincidence. I
haven't scanned the script for mistakes, but JSLint stops with
"Problem at line 86 character 30: Too many errors. (6% scanned)."
Apart from that, the script oozes this "style from the last millenium":
....tt_tShow = new Number(0)...

tt_u = "undefined"... ...
typeof(eval("w" + "indow" + "." + "o" + "p" + "er" + "a")) != tt_u

Puhleese!

But then: Since tooltips are pretty useless for most of the time, a
broken tooltip script won't be noticed by many...

Gregor
--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum
Jul 14 '08 #12

This discussion thread is closed

Replies have been disabled for this discussion.