tooltip custom onBeforeShow() event Created Aug 28, 2010

I am trying to build in support for IE6 on this tooltip control because by default it won't work right when using select controls on forms.

I am still in the prototyping stage at this point. Eventually I will also want to dynamically insert my content for the tooltip.

Anyway, my plan was to make a function and pass in one of the elements from the tooltip into the function so it can wrap it in an IFrame if necessary. However, given the current object (this) in the onBeforeShow event, how do I get a reference to the tooltip element from the DOM?

Keep in mind, I will want to generate and inject the content at some point...

        $(document).ready(function() {

            // initialize tooltip
            $("#target").tooltip({

               // tweak the position
               offset: [-15, -20],

               // use the "slide" effect
               effect: 'slide',
               
               tip: '.tooltip',
               
               position: 'top right',
               
               //wrap the tooltip in an IFrame if the browser supports it
               onBeforeShow: function(event) {
                   //alert(this.getTip().data());

                   //How do I get access to the Tooltip element here?
               }

            // add dynamic plugin with optional configuration for bottom edge
            }).dynamic({ bottom: { direction: 'down', bounce: true } });
        });