Solved

Mouse over 'hint box'

Posted on 2003-12-04
6
515 Views
Last Modified: 2011-10-03
Hi,

I'm working on my own website and I want to create what would call a "Hint Box", ie. when the user moves the mouse over text or a table a coloured box pops up explaining what the item does.  I think the E-E website does this for advertising, when certain keywords come up in text like data, it used to do it anyway.

My question, what language should I write this in, the rest of my site is in php but I suspect javascript or DHTML would be what I'm looking for.  Can someone give me an example or link to a website please?

Cheers,

Colin.
0
Comment
Question by:whos_wee_dug
6 Comments
 

Author Comment

by:whos_wee_dug
ID: 9875012
Yep, the box that pops up when you put the mouse over the word data is exactly what I'm looking for.

Thanks,

Colin.
0
 
LVL 3

Accepted Solution

by:
mrh30 earned 50 total points
ID: 9875050
You could try using <abbr title="Tooltip text goes here">Word</abbr>.  This certainly works in Mozilla and should do in IE as well.
0
 

Author Comment

by:whos_wee_dug
ID: 9875173
Thanks, you gave me the term "tool tip" which I searched for on google and foundd this thing called OverLib which is exactly what i needed. so you get the points, thanks.
0
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

 
LVL 3

Expert Comment

by:mrh30
ID: 9875206
As I said, my answer works in Mozilla and gives exactly the results you require.  Unfortunately it doesn't do the same in IE (IE doesn't display anything for abbr tags).

Still think grade C is a /little/ harsh...
0
 
LVL 1

Expert Comment

by:DeCojutepeque
ID: 9876040
eventhough the Tooltip is a great way to display text, I like using  this method

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

Expert Comment

by:ViP
ID: 9905915
DHTML should do the job

http://www.dynamicdrive.com/dynamicindex5/popinfo3.htm

just download the zip (if this is what you need)
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question