How do I program TOOL TIP-like functions into my HTML pages?

  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

You know those little pop-up boxes that appear when you put your cursor over an icon on a GUI? I'd like to add those to the bottons on my site because I'm getting complaints about the text from some being too hard to read... How do I do this?

I'm using Dreamweaver MX (not 2004)...

Thanks in advance.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6376
  • Loc: twitter.com/unflux

Post 3+ Months Ago

simply click on the button, open up the properties menu, and fill
in the Alt field with the text you want to display. :)
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6376
  • Loc: twitter.com/unflux

Post 3+ Months Ago

oh -- and if you're not using the interface, just add this code
inside the img tag --
Code: [ Select ]
alt="your text"
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Thanks very much!
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6376
  • Loc: twitter.com/unflux

Post 3+ Months Ago

no problem :)
  • Axe
  • Genius
  • Genius
  • User avatar
  • Posts: 5739
  • Loc: Sub-level 28

Post 3+ Months Ago

you can also use title="" in the a tag for text links (and it works with images too)..

Code: [ Select ]
<a href="whatever" title="This is what pops up">blah blah</a>


Hey, Unflux, as you can use both ALT and TITLE tax on something like...

Code: [ Select ]
<a href="whatever" title="something1"><img src="whatever.jpg" alt="something2"></a>


Which would show up on the tooltip? (Yeah, I know, I could just copy+paste that into a HTML file and see for myself, but I'm lazy, lol.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

Doing the same thing in manual coding, the alt tag always seems to take precedence over the title tag. I don't have any documentation to back me up on that, but from experience, the alt tag will be the one that displays.
  • Axe
  • Genius
  • Genius
  • User avatar
  • Posts: 5739
  • Loc: Sub-level 28

Post 3+ Months Ago

Cool (I still haven't actually tested it though, lol).
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada

Post 3+ Months Ago

The TITLE attribute is the defined by the standard to server many purposes, and tool-tips is one of them. Unfortunately, support in some browsers is weak. I considered using it as a way to provide dictionary defintions to some works.

Another option is setting the visibility in CSS for relatively position windows (which opens up a whole world of creative possibilities).
  • yellow
  • Newbie
  • Newbie
  • yellow
  • Posts: 5

Post 3+ Months Ago

title will work for Opera, Moz, and IE. alt should be used if they have images off.
  • b0ksah
  • Newbie
  • Newbie
  • b0ksah
  • Posts: 10
  • Loc: Aarhus, Denmark

Post 3+ Months Ago

Well ... here's some more advanced version of tooltips ..and others goodies :)

http://www.dynamicdrive.com/

Example:

http://www.dynamicdrive.com/dynamicinde ... ooltip.htm

Hope this helps you ;)
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada

Post 3+ Months Ago

b0ksah wrote:
Well ... here's some more advanced version of tooltips ..and others goodies


Yeah, that's exactly what I'm talking about when I said, "another option is setting the visibility in CSS for relatively position windows...". Its cool stuff eh?

Thanks for sending the link. I thought about doing this, but never got around to coding it.

Post Information

  • Total Posts in this topic: 12 posts
  • Users browsing this forum: yasar123 and 86 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.