It seems in the 2 years since this was asked, the other browsers have caught up (at least on Windows… not sure about others). You can set a “title” attribute on the option tag: <option value=”” title=”Tooltip”>Some option</option> This worked in Chrome 20, IE 9 (and its 8 & 7 modes), Firefox 3.6, RockMelt 16 … Read more
Here’s a way that does it using the built-in ellipsis setting, and adds the title attribute on-demand (with jQuery) building on Martin Smith’s comment: $(‘.mightOverflow’).bind(‘mouseenter’, function(){ var $this = $(this); if(this.offsetWidth < this.scrollWidth && !$this.attr(‘title’)){ $this.attr(‘title’, $this.text()); } });
Just use the entity code 
 for a linebreak in a title attribute.
This parameter is just about whether you are going to use complex html into the tooltip. Set it to true and then hit the html into the title attribute of the tag. See this fiddle here – I’ve set the html attribute to true through the data-html=”true” in the <a> tag and then just added … Read more
Here’s an example with a box-shadow, all latest version browsers should support this http://jsfiddle.net/MZXCj/1/ HTML: <div id=”toolTip”> <p>i can haz css tooltip</p> <div id=”tailShadow”></div> <div id=”tail1″></div> <div id=”tail2″></div> </div> CSS: body {font-family:Helvetica,Arial,sans-serif;} #toolTip { position:relative; } #toolTip p { padding:10px; background-color:#f9f9f9; border:solid 1px #a0c7ff; -moz-border-radius:5px;-ie-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px; } #tailShadow { position:absolute; bottom:-8px; left:28px; width:0;height:0; border:solid 2px #fff; … Read more
Just found this today whilst reading the source code. So $.tooltip(string) calls any function within the Tooltip class. And if you look at Tooltip.fixTitle, it fetches the data-original-title attribute and replaces the title value with it. So we simply do: $(element).tooltip(‘hide’) .attr(‘data-original-title’, newValue) .tooltip(‘fixTitle’) .tooltip(‘show’); and sure enough, it updates the title, which is the … Read more
I suspect you are adding the shape annotations to the plot, where they are drawn last. Instead, add them to the renderer in Layer.BACKGROUND. As shown below, the circle does not obscure the tool tip at (20, 20). Note also how (10, 10) is not affected by the line annotation, while (30, 30) is obscured … Read more
No it’s not possible. Ignoring any historical reasons, nowadays it would be considered a security vulnerability — eg. many sites put untrusted content into iframes (the iframe source being a different origin so cannot modify the parent frame, per the same origin policy). If such untrusted content had a mechanism to place content outside of … Read more
I tried the code in the blog post mentioned by ars, and also tried the code from the IDLE lib. While both worked, I didn’t like how the tooltip from IDLE was limited in size (had to manually enter new lines as separate lists) , and how the tips appeared immediately in the code form … Read more
Try using entity codes such as 
 for CR, 
 for LF, and 	 for TAB. For example: <div title=”1)	A
2)	B”>Hover Me</div>