If the tool tip is created programmatically, and shown on create and then hidden on keydown, will the tool tip also be destroyed automatically when hidden?

I am using Opentip for form validation so when an error is detected, new Opentip() is called and then when the user starts to type, the tool tip hides.

This one page has many form fields in many tab groups. The browser stays at one url for hours. Tabs and html windows ajax dynamic content as needed.

Guess the point is "new Opentip()" might be called hundreds of times so unless these are getting destroyed or there is a better way to show the tool tip, this might present a memory leak.

Do i need to worry about this or does Opentip handle it?

Hi Matias!

I noticed that if you attach an opentip to a form element (in my case a radio button), the tip stops showing if you disable that element. In my case I would like to pop up an explanation to the user for why the radio button is disabled. Is this a possible change?

Cheers and thanks for a very useful library -- christer

It seems like when fixed: true is being passed to the tooltip, the code that makes sure the tooltip is displayed within the viewport isn't run? I'd love to get a quick workaround for that (I need fixed: true to allow the user to select text from the tooltip itself, which isn't possible when the tooltip keeps running away)

Hi,

I'm trying to use the attribute ajaxCahce but it seems to doesn't work fine. I've tried this

data-ot-ajaxCache="false"

but the conent of the tool tip is downloaded just once.

Such suggestion ?

thanks

Marco

I've noticed that the opentip-native-excanvas.js used classList. This causes huge IE issues 7/8/9. It also uses addEventListener.

Why do you say the plugin works for all browsers from IE7+ if this is the case?

Workaround for classList...

https://github.com/eligrey/classList.js

Workaround for addEventListener...

if (!this.unwrap(t).addEventListener) return this.unwrap(t).attachEvent(e,i); else return this.unwrap(t).addEventListener(e,i,!1);

When the form first loads, and for a period afterwards, there are screen jolts each time a help icon is moused over. This issue is occurred only on MacOs Safari browser.

Below is the code i have used to open tool tip

$(img).opentip(title, { showEffect: 'blindDown', tipJoint: "top left", removeElementsOnHide: true, stem: true, target: true, tipjoint: ['center', 'top'], hideTrigger: "tip", hideTriggers: ["trigger", "tip"], showOn: "creation", hideOn: "mouseout", fixed: true, background: "rgb(234, 236, 240)", borderColor: "rgb(187, 187, 187)" });

please help me on this.

Regards, Raj.

I'm not a developer so please excuse my ignorance.

I'd like to know if a problem can be overcome please.

At the moment, I have an icon, which if I mouse over, the tooltip shows. If I move the cursor away from the icon, the tooltip fades away.

If I move the cursor on to the tooltip itself, so away from the icon and on to the tooltip, the tooltip disappears.

The reason I want the tooltip to stay if my cursor remains on the tooltip is so that I can click on a hyperlink within the tooltip, or perhaps even copy the tooltip text. But I do want the tooltip to auto disappear after my is moved away from the icon or the tooltip on display, rather than having to manually click to close.

Can you please tell me if what I am trying to achieve is possible, and if so what needs to be changed ?

Many thanks.

When DOM inside a tooltip is modified the change is not saved and disappears when the tooltip is opened again. This is a big drawback when creating an interactive tooltip. Is there any way to work around?

Anyway, thanks for creating and sharing this really nice library!

I am developing a webpage that uses HTML5 Boilerplate as a front-end template. Recently I received a request from the client to include some fancy tooltips on my web page, so I googled a bit and chose Opentip as a fitting js tooltip framework.

The problem is that !important switch from HTML5BP .hidden class:

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

messes up Opentip tooltips (tested on Ubuntu 12.04.1 with Chromium 24.0.1312.56 and Firefox 19.0):

tooltips displaying properly

tooltips displaying incorrectly (HTML5BP .hidden class added to CSS)

Can you/will you fix it somehow?

I am trying to show the tooltip on mouseover, and hide it on mouseout.

The tooltip shows fine, but never hides.

I am using coffeescript, and have tried this on latest Firefox, Safari and Chrome versions.

myInput = $(".alert")
inputOpentip = new Opentip(myInput,
    title: "Title!!!",
    showOn: "mouseover",
    target: true,
    hideTriggers: ["tip", "trigger", "target"],
    hideOn: "mouseout"
)

Am I missing something here ?

Me again :) So my code just loops over the rows in my view and create tooltips for each. With each refresh I get a different few rows whose tooltips get displayed at [0, 0] (actually [12, 12], but might have something to do with the fact I have offset = [5, 5]).

It's a different row each time, making it seem random. I'm printing to the console whenever I create the tooltip, to make sure that the element is indeed already in the DOM before creating the tooltip, and they all are. What am I doing wrong?

I've tried a few options, but without reloading the page, is there a simple way to switch opentip styles 'on the fly' for use in dark/light mode situations?

I know I can set Opentip.defaultStyle = "dark", but then changing that again to another style has no effect. Is there a way to reinitialize opentip or change styles immediately?

Thanks in advance

Hi. I tried to email someone about this, but apparently the email doesn't work, so I thought I'd try here. I'm making a line chart, and I'd like to make it so the tooltip bubble stays with the line from data point to data point rather than following the mouse (See link since there doesn't seem to be a way to post pictures).

The docs reference a way to manually position where the tool tip is, but I didn't see any information on how to actually do that.

Something along the lines of what happens in the chart at this link is what I need: https://bl.ocks.org/Qizly/5a78caaf03ed96757e72

I'd post the images, but it seems like there's no way to do that here.

Thanks for any help.

There is a small typo in downloads/opentip-jquery-excanvas.js, downloads/opentip-native-excanvas.js, downloads/opentip-prototype-excanvas.js.

Should read function rather than funtion.

In my application, the show effect is only executed the very first time my tooltip is displayed! When I mouseover again on the trigger element, the tooltip is displayed immediately, without any fade in effect...

(but the hide effect is always executed!)

Am I missing an obvious configuration?

If you're opening a tooltip on a scrollable page, such as a map, the icon will scroll with the page. It'd be great if there was a sticky option, as has been done with Leaflet.js's popup and Tippy.js's tooltip