Re: Tooltips for drop down boxes

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 330,336 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,712 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

•

FAQ | Community Rules | Welcome Guide

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Tooltips for drop down boxes

•

Join Date: Mar 2008

Posts: 6

Reputation: mowen85 is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

mowen85

Offline

Newbie Poster

Re: Tooltips for drop down boxes

Mar 12th, 2008

Thanks for your reply, but I'd just already worked out a solution.

When an OPTION in a SELECT has a TITLE attribute, the value of TITLE is automatically shown as a tooltip when you hover over that option. My problem was that I'm using JSF and in that, the way that a drop down menu is dynamically generated doesn't allow for title tags to be added so I thought I'd have to make some tooltips manually.

I've been mucking around in Javascript though and have created a function to call after the page has loaded (and the drop down box has been generated) that will set the TITLE attribute for each OPTION to be whatever the text of that option is. This allows me to have my truncated options but still view the full text by hovering over them.

Help with Code Tags

(Toggle Plain Text)

function addTitleAttributes()
{
   numOptions = document.getElementById('comboBox').options.length;
   for (i = 0; i < numOptions; i++)
      document.getElementById('comboBox').options[i].title =
            document.getElementById('comboBox').options[i].text;
}

I only need this to work in IE so I haven't tested it in any other browser.

DaniWeb Home > Forums > Web Development > JavaScript / DHTML / AJAX > Tooltips for drop down...

Re: Tooltips for drop down boxes

Tooltips for drop down boxes

Re: Tooltips for drop down boxes