pop-up window for extra information when clicking over a text?

• 

  alepri99 · Member · Dec 9, 2009 at 11:07 am

  • Copy link
  • Add topic to favorites

  I need help to make a pop-up text when a we click on a short text. For example in a list of names, when we click on a name, the pop-up will give short description about that person – with options to close the pop-up window. Can anybody help me with this? Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  t3ck · Member · Dec 9, 2009 at 2:25 pm

  • Copy link

  I don’t believe this is possible with WP.com

• 

  1tess · Moderator Emeritus · Dec 9, 2009 at 3:23 pm

  • Copy link

  @ alepri99
  You can do it:

  <a style="cursor:help;" title="DESCRIPTION_HERE">NAME_ON_A_LIST</a>1

  Or add a color if your theme inserts a link color:
  <a style="cursor:help;color:#HEX_HERE;" title="DESCRIPTION_HERE">NAME_ON_A_LIST</a>

• 

  1tess · Moderator Emeritus · Dec 11, 2009 at 12:59 am

  • Copy link

  oops. Now I think the “color hex number” is not necessary.

• 

  tellyworth · Staff · Dec 11, 2009 at 1:09 am

  • Copy link

  <abbr title="Always Be Closing">ABC</abbr> is a good way to do this in many cases. Most browsers will show the title when you hover the mouse cursor, and it works well with screen readers.

  ALA has more:

  http://www.alistapart.com/articles/hattrick/

• 

  1tess · Moderator Emeritus · Dec 11, 2009 at 2:06 am

  • Copy link

  @tellyworth

  <abbr title="DESCRIPTION_HERE">NAME_ON_THE_LIST</abbr>

  I’m not familiar with abbr. Interesting. yes. simple/elegant. thanks. will look at…

  My first thought for the OP was just simple links where the title would show, but that ain’t elegant, so I wondered off into unexplored regions like “cursor:help”…

  I have not used any of this myself, but it could be interesting.

  Tess