I'm trying to get some words in a jQuery tooltip text, another colour. Is this possible? I would like to give the words 'CONTROL PANEL BUTTON' another colour. I already give the tooltip a custom class. Can I for instance use two classes for different parts of the tooltip text?
Here's my script:
$("#ControlBTN").tooltip({
content: "CONTROL PANEL BUTTON<br><br>Click to show or hide the Fluid Control Panel.",
tooltipClass: "ui-tooltip_trans"
})
Related
I search for a way to display a tooltip permanently, when the tooltip is shared. These points are very important:
Click on the point --> tooltip is cloned and displayed permanently
Click on the same point again, the clone is removed
Multiple tooltips are allowed to be displayed at the same time
Thanks.
As Sebastian pointed out in comment - you could clone tooltip.
When tooltip has useHTML set to false (by default it does), then you will only need to clone SVG element. See similar topic: link
When useHTML is set to true then div element is created and appended to container of chart. You will need to clone not only SVG frame, but also HTML's div. Another issue is to check cloned tooltips only by x, because tooltip is shared.
Example: http://jsfiddle.net/7vkZV/14/
When useHTML is true HTML will overflow other SVG elements - to avoid this you could style HTML div with tooltip text and remove visible style in SVG tooltip. In other words - make tooltip in pure HTML.
Example: http://jsfiddle.net/7vkZV/15/
I am noticing something strange; I have a click event on a chart, and the chart fire up the event no problem.
Then I add a link in the tooltip, but when I click on it; the chart event fire, not the one that should open the link.
It works only if the tooltip will render on an area that is not part of the plot area (say, a value is high enough to render a tooltip on the title bar; if I click on that link, it will work).
I suspect that there is some sort of parameter that tell highcharts if the link in the tooltip is above the chart plot area? Otherwise it is impossible to have the tooltip open a link, if the highcharts click event is enabled.
You need to set useHTML flag as true.
Code: http://jsfiddle.net/sbochan/voh6ebt8/
Example: http://jsfiddle.net/sbochan/voh6ebt8/show
I'm looking for a way of controlling legend items through my custom button.
The button will be placed out of the canvas area.
How can I get a list of legend items, and toggle them through checkboxes?
By doing that, I can give users more spaces to see graphs.
Thanks,
Sung Am YANG
You can look at the legend item names using
chart.series[0].name
chart.series[1].name
To toggle axes on and off, use
chart.series[0].show()
chart.series[0].hide()
e.g. http://jsfiddle.net/BasRN/ shows hiding and showing the first series with buttons, including setting the button text to the series name.
How can I add tooltips for all cells in one column for instance? I'm using a jmesa table.
I need this because in the cells i've got text like this: 'this is the ...'. On hover I need to display a tooltip with the complete text.
Use a SPAN tag with a TITLE attribute to show the tooltip:
<jmesa:htmlColumn>
<span title='${bean.fullDescription}'>${bean.value}</span>
</jmesa:htmlColumn>
Is there a way not to show a tooltip when the title of an element is defined ?
Im using huddletogether's LightBox2 which takes whatever is in the anchor's title and converts into HTML.
http://www.huddletogether.com/projects/lightbox2/#support
Can I insert links in the caption?
Im calling a javascript function in that link and that tooltip shows this when the mouse hovers the image.
Click
Other option is to change return [anchor.href, anchor.title]; to something like return [anchor.href, anchor.aTitle]; as mentioned here.