Submitted by manonamac on Tue, 01/18/2011 - 13:56
I recently installed Tipsy, a jquery-based tooltip module for Drupal on a client site at work. This is an awesome little script that 'creates Facebook-like tooltips effect to textareas, textfield, anchors or any other HTML element you specify.' Of course, with CSS you can re-style the rendering of the tooltip to any flavor you want.
By adding CSS class selectors, you can add Tipsy tooltips to any HTML element. You can also vary the style of the tooltip in terms of opacity, fading, distance from element, etc. Really pretty cool.
However, I encountered a problem on adding new class selectors. Sometimes when I added a new class for a different HTML element on the site, all the selectors would break, and the tooltips reverted to the standard browser tooltip. Also, while adding the new selector, the CKEditor field where you enter the selector would go haywire and never completely finish loading upon save.
After a bit of suspicion and investigation, I disabled CKEditor on all fields in the Tipsy configuration by excluding those fields in the CKEditor Global profile. The exclude snippet I used is 'admin/settings/tipsy.edit-rules-*-selector'. Now because of the catch-all '*', all textarea fields on the page will be rendered without CKEditor, thus eliminating the conflict. The umbrella solution for any conflict of this nature would probably be to disable CKEditor for my admin profile, but I use it from time to time for things like file uploading, quick lists, style formatting, etc.