how to use beautytips on other elements?

For the second one here, i suggest trying to use this for the content selector:
$(this).nextAll('.description:eq(0)').html()
That is what is used in the textfield to grab the description. I'm not sure if this will necessarily work, though, you may have to inspect the form item inorder to find it's relationship between the object that is being beautytipped and the content that will popup.

For the popup that won't go away, i'd suggest playing around with the trigger. I've never used the popup with hierarchical select, though, so I'm not sure why it won't go away.

To add beautytips to multiple items you can try something like this.

$('my-selector').each(function() {
  $(this).bt(. . .options-and-text. . .);
});

As far as question 4 is concerned, since the bt-active class is being added to the element, then that means the beautytips are being added correctly. The problem must then lie in the contentSelector. In order to debug that, i'd really have to inspect the element that you're trying to show and see the exact relationship between it and the element that the beautytips are being added to.

Did anyone ever find an easy way to add beauty tips to CCK select lists?

Its wierd that it works out of the box for text fields but no implementation for other fields such as CCK select. Please could you let me know whats the easiest way.

Thanks!

Adding these lines in the module hook_init should give the select element and checkbox beauty tips

   $options['bt_select_element'] = array(
      'cssSelect' => '.form-select',
      'contentSelector' => "$(this).parents('.form-item').find('.description').hide().html()",
      'trigger' => array('mouseover', 'click'),
      'width' => 350,
      'style' => 'hulu',
    );
		$options['bt_checkbox_element'] = array(
      'cssSelect' => 'label.option',
      'contentSelector' => "$(this).parents('.form-item').find('.description').hide().html()",
      'trigger' => array('mouseover', 'click'),
      'width' => 350,
      'style' => 'hulu',
    );
	
    beautytips_add_beautytips($options);

but really shouldn't this be default / configurable in the module? or am I missing something here?

Thanks!

Could you explain to me which exact file I would need to be editing?

Cheers...

This is a duplicate to #849738 and to #697070. I just added the select box functionality to the dev version.

Sorry didn't see the #849738 and to #697070, btw in the dev version is it possible to have an auto remove bubble with timer? the reason for this is sometimes the bubble will stay visible even after the element is removed using ajax / ahah. Which we can't remove the bubble at all since the bubble doesn't have close button.

As for the code, you need to put them in the .module file but I think it is better to use the dev version since my code is a quick dirty hack code. :)

Hello,

As per #5 I am trying to use Beautytips on a selector that appears on a page multiple times.
However, I cannot make this work.
Each balloon has its own content as that is pulled from the destination specified in the href of the anchor with which contains the selector.
ex...

<a href="url 1" id="help_icon">whatever</a>
<a href="url 2" id="help_icon">blah</a>
<a href="url 3" id="help_icon">wawa</a>

Then I have the following once on the page top and the beautytip only works for the item highest on the page when it is triggered.

<?php
    drupal_add_js (
    '$(document).ready(
    function(){

$(\'#help_icon\').each(function() {
    $(this).bt(
    {
trigger: [\'mouseover\',\'click\'],
    ajaxPath: ["$(this).attr(\'href\')",\'div#content-area div.content\']
});
    });
    });', 'inline'
    
    
    );
    ?>
    

Anyone able to help? Seems like others have had this issue.

Thanks,

Dan

dont use css id for multiple item, change them to class instead

Thanks duckzland, that worked!

Well... years have passed, with new version and it seems that there is no documentation on how to use this module after installation.