Skip to main content
J
JeffInPoulsbo
Inspiring
February 9, 2012
Question

How are text pop up windows made?

  • February 9, 2012
  • 1 reply
  • 795 views

I have the CS5 creative suite and am working in Dreamweaver.

At this training site

http://www.lynda.com/Dreamweaver-training-tutorials/185-0.html?AWKeyWord=adobe&_kk=dreamweaver%20training&_kt=55ede669-2084-4f7b-abf6-08f295ee3ca6&gclid=CPX3meG-j64CFacbQgodsz7qeQ

little windows pop up when mouse is over a link. I'd like to be able to do something like that but don't know what it is called.

I have a site with MP3's and would like to have a way to display the ID3 data (Singer, Song title, Musicians, Recording CO etc) but am not sure what options are available. the data might look like this:

Singer - Song title

Guitar: Joe Guitarist

Flugel horn: Bill Something

Drums: etc

It doesn't need to be connected to a link. In fact it would probably be better if it weren't since people probably would like to know something about a song before they buy it and maybe before they even sample it.

It could be when the mouse is over an area or it could be at a mouse click to call up the info on a floating screen. I tried the spry collapsible panel which also seemed to have possibilities.

Any suggestions appreciated.

This topic has been closed for replies.

1 reply

B
Community Expert
Ben MCommunity Expert
Community Expert
February 9, 2012

Those are tooltips.

Project Seven makes an extension - http://www.projectseven.com/products/tools/tooltips/

There's a Spry Tooltip - http://labs.adobe.com/technologies/spry/samples/tooltip/SpryTooltipSample.html

JQueryUI was developing one, but not sure what's going on - http://wiki.jqueryui.com/w/page/12138112/Tooltip

And if you search JQuery tooltip you will get a ton of results as well.

J
JeffInPoulsboAuthor
Inspiring
February 12, 2012

I wonder if you could help me. I've posted on this topic but am not getting

a reply. I am trying to do something that seems simple to me at first

glance. I want to create a table to insert within a tooltip window. I want

to edit the text color within a left column differently from that in the

right column of the text table. how does one do this? I am completely

stumped. every time I try to select a column, I end up changing the color

of the words in all the cells.

B
Community Expert
Ben MCommunity Expert
Community Expert
February 12, 2012

I want to make sure I understand exactly what you are asking for before I dive too far into detail.  You are making a tooltip (which one?) and in the tooltip you want to put the code for a 1-row, 2-column table.  Can I assume from your response that this is working and that the only problem is the coloring?

If that is the case then what you should be doing is adding a class to your stylesheet where you color cells in that table.  For instance:

#tooltipid td { background:#000; color:#FFF; } // This would just be black background/white text.  Is this what you are looking for?

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices