Toggle show/hide text

Question

Toggle show/hide text

I have a list of names in a column. When someone clicks on a name, I would like for a few lines of text and (perhaps a small photo) to "drop down", appear. Then when they click again, I would like it to disappear. I have been able to do this using a pop-up window where the text is in a separate window, but I would prefer it to "open" and "close".
Is this the same thing as a "mouseover"? If so, can you help me find the html code?
Thanks for any help you can give me.

Mac Book Pro, Mac OS X (10.6.6)

Posted on Jan 28, 2011 7:32 PM

Reply

Answer 1

Roddy

Level 6

17,265 points

Jan 28, 2011 7:45 PM in response to Susie Bridges

You could consider using tooltips for this.....

http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm

Reply

Answer 2

Old Toad

Level 10

216,536 points

Jan 29, 2011 2:09 PM in response to Susie Bridges

Would sometjing like this be what you're looking for? Show and Hide or Mouse Rollover, #2 or #4. These are done with image files.

OT

Reply

Answer 3

Feb 1, 2011 6:17 AM in response to Old Toad

Can you elaborate on what you mean by image files? How do I create those? Thanks.

Reply

Answer 4

Old Toad

Level 10

216,536 points

Feb 1, 2011 10:18 AM in response to Susie Bridges

Since the mouse rollover uses image files, i.e. photos, you have to convert any text you want to use to an image file. You can do that by creating the text in an image editor or your favorite text editor or even Pages and then using the Print ➙ PDF ➙ Save PDF to iPhoto menu option.

Click to view full size

This will create a JPG image file of the text which you can crop to the size needed and use in the rollover code. This will work from any application that you can print from.

Reply