message tips on link mouseover

@tripwaterMay 29.2003

I have a site that queries for a list of task titles that when you click on the link takes you to a more detailed page of that task.

What I am trying to do is on the page where the list of links are …onmouseover popup a little info or tip like what happens with the formtooltip() in a form. I have seen this done on another site (that I can’t find) that when you moused over the images they brought up a bio of the person in the pic.

I would like to do this as sometimes the title of the task may not be descriptive enough and I don’t want the user to have to click the link, go to the next page to find out it is the wrong task. Just mouseover the title link and a brief description popup.

Can this be done with JS? Or was it flash I was viewing?

Thank you for any help.

to post a comment

JavaScript

12 Comments(s) _↴

@khalidali63May 29.2003 — #you should find some tooltip scripts here

www.dynamicdrive.com

@CharlesMay 29.2003 — #[font=georgia]There's no need to resort to JavaScript here and have your "tooltip" fail 13% of the time. Plain old HTML has a way to do it.[/font]

[font=monospace]<a href="http://www.webcom.com/kierke/"><img alt="Kierkegaard" src="http://www.webcom.com/kierke/Sk.gif" [b]title="The greatest philosopher yet born."[/b]></a>[/font]

@khalidali63May 29.2003 — #[i]Originally posted by Charles [/i]

[B][font=georgia]There's no need to resort to JavaScript here [/b]></a>[/font] [/B][/QUOTE]

Hey Charles is there a way to have the html tool tip stay visible more then couple or 3 seconds?

if there is then we all should know about it don't you think?

ELse there are times when its needed to show a custom tool tip.

@requestcodeMay 29.2003 — #For excellent Tooltips try this link:

http://www.bosrup.com/web/overlib/

@CharlesMay 29.2003 — #[font=georgia]You can't exactly call them excellent if they don't work and they're more difficult than the method that does work.[/font]

@khalidali63May 29.2003 — #Thats not the point here, is it.

Point is if one is needed then it will be used other then that...html one will work.And as I have said it a million times before for your thick skull.I'll say it again.Its not your damn job to to tell whats write or wrong for people you just suggest,its them who need to decide whats good or bad for them.

Ggoodd.

@CharlesMay 29.2003 — #[i]Originally posted by khalidali63 [/i]

[B]It[']s not your damn job ... to tell what[']s [right] or wrong for people[;] you just suggest, it[']s them who need to decide what[']s good or bad for them. [/B][/QUOTE][font=georgia]Now, you wouldn't be trying to tell me what's good or bad for me, would you?

But I suppose you are right. The job of telling us what we should do belongs to the W3C.
[b]6.3 Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported.[/b]

[i]http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-scripts[/i][/quote]
And one's government, which in my case is the US Federal Govenment.
[b]Covered entities under the ADA are equired to provide effective communication, regardless of whether they generally communicate through print media, audio media, or computerized media such as the Internet.[/b]

[i]http://www.usdoj.gov/crt/foia/tal712.txt[/i][/quote][/font]

@tripwaterauthorMay 29.2003 — #Thanks khalidali63 that works for me.

I tried the tooltips earlier and being that I am using queried info to populate this tip if it was at any length it would timeout. So your solution worked great. I found what I needed on that site. Had to tweek it to work with php and replace carrage returns/line feeds with a <br> on the solution I used.

Oh BTW I did not mean to start a war.

Thanks again.

@LizoMay 29.2003 — #Go Khalid... go Khalid... go Khalid...

lol

@VladdyMay 30.2003 — #While overlib does have a few neat rendering features, but they do not degrade well, as Charles pointed out, and they are pain to install - you have to add mouse events to all elements which need tooltips.

My implementation www.klproductions.com/klToolTipsDemo.html does not have these limitations. It works with the existing title attribute so those who do not have javascript get the default behaviour.

@VladdyMay 30.2003 — #As far as ..
[i]Originally posted by khalidali63 [/i]

[B]Its not your damn job to to tell whats write or wrong for people you just suggest,its them who need to decide whats good or bad for them.[/B][/QUOTE]
... I strongly believe that it is my responsibility as educator to teach correct things. Those who ask questions most of the times do not have enough experience in the subject to judge what is right and what is wrong.

Suggesting the use of methods that contradict the current W3C standards and existing web development guidelines is about the same as suggesting someone short on cash to go rob a bank. Not only you disservice those who ask for advice, you show your own incompetence as well.

@CharlesMay 30.2003 — #[i]Originally posted by Vladdy [/i]

[B]My implementation www.klproductions.com/klToolTipsDemo.html does not have these limitations. It works with the existing title attribute so those who do not have javascript get the default behaviour. [/B][/QUOTE][font=georgia]I salute you. One ought not to eschew JavaScript but rather, one ought to employ one's creativity and skill so that the JavaScript is an enhancement to the page and not a necessity. True Nerdvana is achieved when the page is at its best in all browsers. [/font]

Also in #JavaScript _↴

Need POPup Window Help Newbie Help - Hiding/Unhiding an Image Is there a way? Page redirect

Success!

Help @tripwater spread the word by sharing this article on Twitter...

Tweet This

message tips on link mouseover

12 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

message tips on link mouseover

12 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

12 Comments(s) _↴

Also in #JavaScript _↴