Tooltips / help text / popouts [#1169762]

I am using webform heavily on a site I am building, but have hit a massive hurdle.
The site owner wants help text to appear at the end of each checkbox option.

For Example:

Option 1 [i]
Option 2 [i]

The user can then click on the '[i]' at the end of the checkbox tect to display a popup with a description of that option.
Any help greatly appreciated...

Comment	File	Size	Author
#5	webform-form.tpl_.php_.txt	6.09 KB	vernond

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

vernond CreditAttribution: vernond commented 26 May 2011 at 18:14

That is waaaaaayyyyy outside of Webform. You're going to want to look into hook_form_alter and jquery (or just standard/basic javascripting) for that kind of thing.

Comment #2

digiRich CreditAttribution: digiRich commented 26 May 2011 at 18:48

Doh!
I was hoping that wouldn't be the case.
Its at times like this I wish I hadn't built 6 pages of long checkbox webforms, and done it with plain old php from the start.
Rethink methink, but thanks.

Comment #3

vernond CreditAttribution: vernond commented 26 May 2011 at 19:35

:-) In my limited experience it's easier to do via the Drupal and jquery frameworks than hand-coding everything from scratch. I even managed once to get it as far the popup's appearing on mouseover rather than showing a div with a click. It can be quite effective (although, in my innocence at the time, I did it without the benefit of advanced libraries like jquery).

Take a peek at happens when you hover over the text next to the checkboxes here: http://www.redballoon.biz/mg/index.php

Comment #4

digiRich CreditAttribution: digiRich commented 27 May 2011 at 09:15

That is pretty much what I need. I just hope that this will be interated in to the next release of webform (or just more flexibility to add code).
Can you point me in the right 'hook_form_alter' direction.

Thanks for your advice...

Comment #5

vernond CreditAttribution: vernond commented 27 May 2011 at 11:46

File	Size
webform-form.tpl_.php_.txt	6.09 KB

I blush as I confess that I didn't do that "the right way". I'm attaching the butchered webform-form.tpl.php (remove the .txt from filename) for you to play with as you see fit. The additional help.css file which does most of the magic you can grab from the site above.

Basically what I did was manipulate the Drupal rendered HTML as a string prior to outputting it to the client browser. There are better/cleverer ways, as I said, and I'm not entirely sure just at this minute exactly how it would work using the right hook... Good luck though!