Are you sure the arrow would work on IE8 ,9 ?? Since I purchased another JS here, they claimed the arrow would work, but actually it doesn’t work…
I can confirm that the arrows display in IE9 . In IE8 they also display, but I test using IE9 with “browser mode” set to IE8 so it might not be exactly the same, but the arrows do show.
Best regards, Rik.
Me again. There is a bug in Opera and Safari where the tooltips stay active after you click on a link to another page, then arrow back. If you do this multiple times (hover and show tooltip, click the link, then arrow back), each one you previously moused-over/clicked will still be visisble. The page in question has multiple image buttons with the tooltip applied, and it is very common for users to click and arrow back, so this is a problem. I just need some code in there somewhere that will kill the tooltip when navigating away from the page. Help? I tried messaging you but have received no response after a week. Thanks much…
Is this script no longer supported?
hi, can i make tooltips appear on the left or right of the image where the mouse is over?
Only on top, but you can position the arrow of the tooltip left, right or in the center.
Best regards, Rik
Hi ! i just bought your plugin , i´m installing it on my web but the first i found is that if i set the tooltip to an image with link in the following way :
When i point to the link i see taht i lost the default cursor for the link (i mean the hand ) and it just shows and arrow as if it weren´t a link …
Can you give me any soluton please?
The picture is not showing. Please make sure you’ve entered the correct path.
Just purchased this tooltip but a massive limitation is that when the is located within a div which has overflow to hidden, then the tooltip is also hidden. How can I make the tooltip appear above all other elements?
Also it seems to get narrower when it gets to the edge of the page rather than just moving the position of the arrow to allow flexibility, when it gets to the edge of the page, it just cuts off some of the tooltip instead of making it all visible. Please fix this, this is a paid plugin, it should work fully.
Wondering if this will work across multiple devices, also need it to work with an image as the trigger(link) and then show a bigger image as the tooltip. I don’t need text.
The tooltip can only show up when you hover over a piece of text or an image, it’s just a simple script.
can multiple tooltips be placed on an image?
Great script thank you. Is there any way I can get the tooltips to appear on click, rather than hover?
Many thanks in advance.
Have a look in the JS and change the “hover” to “click”. Not sure if it works, but you can try it.
Thanks for your input. Unfortunately both ‘click’ and ‘onclick’ don’t work.
It’s never that easy is it! :o)
when tooltip div is located within a div which has overflow to hidden, then the tooltip is also hidden
I read comments unfortunately after purchasing and i had the same problem above.
Even i have a good knowledge i was not able to solve the issue and I think you are also not able to solve this issue. Solving this issue is a real time consuming job.
Why do not you mention that at Item Details – Important Information honestly and inform people?
I do not recommend this addon for everyone who has limited time and looking for a quick solution for any project.
Hi there – love the tool tip. I need help though: I’m trying to get a table row to use the tip. When I put it in the html code it works fine:
<tr class="tooltip_red" data-text="<strong>Test</strong> Tooltip">(Content Here)</tr>
However, when I import the same thing dynamically from jQuery, the table still shows up, but the tool tip no longer works… what am I doing wrong here?
Does it support auto-width?
Yes, the width is calculated automatically to a maximum of 300px I believe. You can change this in the script though.
great script! However, I’m using this in a responsive design and on mobile devices you have to click links twice in order to visit the link with the tooltip.
I’ve been trying to deactivate the tooltip on mobile devices, but can’t sort it out. Is this something you can help me with?
Thanks for any help!
Thanks! That is because the tooltip is shows as hover event and mobile devices do not have hover events. To deactivate it for mobile devices just wrap everything in an ‘if’ statement and check for mobile devices.
Can you advise on how to make tooltips active for ajax loaded content.
It’s not possible to use ajax, you’ll have to modify the script so it reloads every time you load ajax content.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $1.50
Unlimited downloads only
$29 p/m on Envato Elements
Download over 18,000 items now
Learn almost anything with
Envato Tuts+ for free
9000 free tutorials, 3000 paid courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work