Does anyone know how this was done? (Link inside.)

Can’t post the link, but the website can be found by googling Alexander Isley Inc.; first result.

If you hover over the underlined text, you get a text box. It isn’t just an <a> tag though, it’s something else. Can this be achieve in HTML or is this Java? Something else?

Thank you ahead of time!

it’s done with javascript, using dreamweaver functions (e.g. MM_showHideLayers)

Thanks—would you happen to know how to write that code manually?

You can use jQuery, Mootools or another javascript library to do the show/ hide combo.
Search the Javascript forum on here for show hide or google jQuery tooltips as an idea.

Here are some other options:

CSS

http://www.pmob.co.uk/search-this/tooltip-basic.htm

http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/

jQuery
http://raena.net/trythis/citetooltips.html

two questions:

i thought jquery was some kind of public library? this lorem ipsum page seems to have only embedded css

also, i don’t like the semantics of this –

<blockquote>
<p>
This right here is a quotation.
</p><cite>This is totally cited from thinkexist.com.</cite>
</blockquote>

that inline text after the P is ugly and quite unsemantic, at least in my opinion, which i freely admit probably doesn’t matter much

It’s a set of functions, for which anyone can write extensions to create added functionality. Most of the fancy jQuery stuff on web pages involves the basic library plus extra plugins.

In the head of Raena’s page there is the link to the basic jQuery file, and then an extra link with the tooltip functionality.

also, i don’t like the semantics of this --that inline text after the P is ugly and quite unsemantic

Yes, I would normally place a cite element inside the P myself. However, inline elements can be used as block elements, as done here.

yeah, now i see the call to googleapis.com, no idea why i didn’t spot that before :blush:

Ralph these are very helpful but none of them deal with tooltips for an image.

Can you embed an image into an a tag? (Which apparently is the only tag usable for the tooltip) ? Any other suggestions?

I don’t have Dreamweaver CS4, as a note.

Not exactly sure what you mean by that. But you can put anything you like into those tooltips—images or whatever.

On this link, for example—
http://www.pmob.co.uk/search-this/tooltip-basic.htm
the tooltip is contained in a <span> element. You could put text and/or an image into that element to appear as a tooltip.

E.g.


<a href="#">
    <img src="tooltip.gif" alt="tooltip text">
<span>

I’m sorry I wasn’t clear. What I meant to say was: How do I put a tooltip to an img?

Ah, I see. That’s simple. If you take the code from the link above, you could change this:


<p class="example2">Roll your mouse over the following <a href="#null">[COLOR="blue"]Rollover here please[/COLOR]<span> As you can see a nice little message box appears over the text and provides some more information.</span></a>.</p>

to this


<p class="example2">Roll your mouse over the following <a href="#null">[COLOR="Red"]<img src="image.gif">[/COLOR]<span> As you can see a nice little message box appears over the text and provides some more information.</span></a>.</p>

See if that helps. :slight_smile:

Or if you are using an image and want a tooltip for that, just give the image a title in the code, the way everyone else does

<p class=“example2”>Roll your mouse over the following <img src=“image.gif” title= “As you can see a nice little message box appears over the text and provides some more information.”>.</p>

No css, no javascript, no magic, nothing but plain old fashioned html. If the image is a link, you can put the title on the image OR on the link.

Or you can see an example here where a proper tooltip is used - the bit about So what DID Derren say to Anne
http://windrushers.org.uk/competitions/standards/sunday9.htm
It uses wz_tooltip.js available here http://www.walterzorn.com/tooltip/tooltip_e.htm

PS the Ventus glider referred to cost £120,000… and his wife-to-be made the mistake of answering my question on whether it was true what he said. :wink:

hey this has nothing to do with ur prob. Its a suggestion for ur page.(hope u dont mind) /…

. there are lot of hover tooltips in the page, that may irritate some users, specially old age or some one that has vision isuues. As those people generally use to scroll mouse on the text which they are reading. I that case these tool tips might irritate them.