jQuery plugin for creating Facebook-like tooltips
Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.
Questions tagged [tipsy]
103 questions
2
votes
5 answers
jQuery Tipsy won't work with jQuery.each() and live:true
Note: This question was marked as solved once, but it figured out that upgrading to the latest jQuery was fixed only one issue. Please see the updated question below for the remaining issue.
Hi all,
I have just run into a weird issue with…
papaiatis
- 4,231
- 4
- 26
- 38
2
votes
1 answer
Jquery: Tipsy doesn't show on disabled elements
I'm using Tipsy (Tipsy project page) to show some helpful and in some cases crucial information. It works amazing, and entirely I recommend it.
The problem is that it doesn't seem to be working on disabled elements. I'm calling Tipsy…
Brennan McEachran
- 519
- 5
- 18
2
votes
0 answers
Jquery tipsy - second click on tablets and smartphones doesn't work
I'm using standard facebook style tooltips for jquery.
My .js file contains the following:
$(function(){
$('[rel=tipsy]').tipsy({ fade: true, gravity: 'n' });
});
$(document).on('mousedown touchstart', function(e){
if ($('#header…
williamzo
- 7
- 5
2
votes
1 answer
Getting Tipsy to work with D3 and manual triggers
In my project I am trying to combine 'toggling' a Tipsy pop-up in a D3 force layout. Basically I want to be able to click the images, show a popup there and allow the user some interaction. If the user is done, he either clicks another image or…
atlaste
- 30,418
- 3
- 57
- 87
2
votes
2 answers
jquery tipsy two tips in the same time
I am using jQuery Tipsy in my project. In the social media tags I want to show on the top, social media name and on the bottom, page sharing counts like this:
EDIT:
My links like this:
user1372430
2
votes
1 answer
Workaround for tipsy, svg and css in firefox?
I have tipsy tooltips for svg elements (generated with d3). I was having trouble getting them to show up next to the cursor in Firefox, so I followed the patch linked to in this answer Tipsy tooltip positioning on d3 in firefox, IE which fixed most…
bernie2436
- 22,841
- 49
- 151
- 244
2
votes
1 answer
Creating tooltip on maps using d3.js
I am expanding this example
http://bl.ocks.org/tommyskg/6111032
I am working to add tooltip to point whenever I click on it: I use d3.JS
http://onehackoranother.com/projects/jquery/tipsy/#download
// Add a circle.
…
user3047512
- 79
- 9
2
votes
1 answer
jquery - Change the gravity/position of tipsy tooltip?
Is there some way to edit position or gravity ( I don't know what is correct) of tipsy?
The plugin itself has some several options for gravity which you can assign throught script:
nw | n | ne | w | e | sw | s | se
I'm currently using s position,…
dzordz
- 2,277
- 13
- 51
- 74
2
votes
1 answer
Long text in tipsy tooltips
I'm happily using tipsy for my d3.js graphs, but now I noticed that tipsy is cutting off text if it's too long.
For instance the line containing the word CALCULATOR is cut off:
Is there a way to extend the width of the tooltip or autosize it…
Matthias Braun
- 32,039
- 22
- 142
- 171
2
votes
3 answers
jQuery Tipsy Tooltip Plugin Customization
I am using the jQuery plugin tipsy to activate tooltips when specific elements are hovered over. Currently, the tooltip appears in the middle of the element that it was triggered by, but I would like to customize the plugin so that the tooltip…
conbask
- 9,741
- 16
- 57
- 94
2
votes
2 answers
jquery mouseleave: don't trigger when entering a tip
Hello my fellow developers,
I have some trouble polishing my UI.
I've made a popup panel, that opens when I hover over a button/link.
this panel should close whether I go out of that button/link or out of the panel itself. Pretty straight…
DS_web_developer
- 3,622
- 13
- 52
- 83
2
votes
3 answers
JQuery Tooltip Hover on Radio Button
I want to have a tooltip show on hover over a radio button. So I'm trying to use this plugin: tipsy. So here's my html:
And then I tried something…
Charlie Yabben
- 307
- 2
- 7
- 13
2
votes
0 answers
delegation jquery on custom event
this my custom event delegation
$(".main_cont").delegate(".live-tipsy-3", "tipsy", function(){
$('.live-tipsy-3').tipsy(
{
delayIn: 100, // delay before showing tooltip (ms)
delayOut: 300, // delay before hiding…
Micheal Mouner Mikhail Youssif
- 899
- 6
- 14
1
vote
1 answer
jquery pjax + jquery tipsy the tooltip doesn't hide on mouseout after click
When using jquery.tipsy on pjax links, the tooltip doesn't hide on mouseout after the click.
This could mean that after the click, mouseout event is unattached from this element and that's why the problem exists ?
Here's how I load pjax &…
Robert
- 365
- 8
- 23
1
vote
1 answer
Using jQuery tooltips in a jQuery auto-refreshing div
I'm having issues getting jQuery tooltips (using Tipsy) to work. The tooltips work fine on regular pages, but I actually need the tooltips on a page that I am including through PHP. The reason why I'm including that page, is because I'm also using…
Wesley
- 301
- 1
- 2
- 8