• Please post questions to the jQuery discussion list, putting (tooltip) into the subject of your post, making it easier to spot it and respond quickly.
• Please post bug reports and other contributions (enhancements, features, eg. new validation methods) to the jQuery bug tracker (requires registration). Please put [tooltip] into the title of a ticket.

The first screenshot shows the tooltip content in Internet Explorer, the second in Firefox. As you can see the text in IE is much bigger than in FF.

—————————————————————————–

http://i27.photobucket.com/albums/c182/monkeytailbiz/IE7_1.jpg

http://i27.photobucket.com/albums/c182/monkeytailbiz/FF_2.jpg

—————————————————————————–

#tooltip {
...
font-size:10px;
...
}

#tooltip.pretty h3 {
...
font-size:8pt;
}


@Moonwalker: Could you post a testpage with the tooltip/highslide combo?

@Mario: Could you post a testpage?

@Ben: Just including fusioncharts.js together with the tooltip works fine for me. Could you post an example that actually fails?

@Deron: The 1.2 demo includes an example for showing fullsize images in the tooltip.

@John: I’ve improved the bodyHandler option to accept HTML strings, DOM elements and jQuery objects as the return value. That may fix your issue.

@ALM: You can use the bodyHandler option to escape the title before displaying it.

@Monkeytail: Could you provide an example or some further explanation?

@alex: Great to hear it just works for you.

Strange thing… how to resolve? Font-size in IE does not correspondent with font-size property value in stylesheet. In IE font-size is much larger.

^_^

We are thinking of implementing the Tooltip plugin on our website,
but it seems however like it might be vulnerable when it comes to XSS (cross site scripting). If the text found in the a title attribute contains html tags it will run them.(which could be quite harmful if this is -tags) Do you plan to build in functionality which removes html tags or is there some way we can work around this?

Many thanks

$(‘#yahoo a’).Tooltip({
track: true,
delay: 0,
showURL: false,
showBody: ” – “,
bodyHandler: function(){

}
});

When I move the mouse over the anchors inside div #yahoo, firebug throws an error

helper.body.html(this.tSettings.bodyHandler.call(this)).show is not a function
[Break on this error] helper.body.html( this.tSettings.bodyHandler.call(this) ).show();

jquery.tooltip.js (line 234)

Any help is appreciated.

You have to change a part of the tooltip’s createHelper function, where the helper appends to the body. I don’t know why, but if you change the body to an element of your page, like a container, the problem doesn’t occure.


helper.parent = $('')
// hide it at first
.hide()
// add to document
.appendTo('body'); // here it is the problem, you have to change the body