Post Reply 
 
Thread Rating:
  • 1 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[Solved] Tooltip stay visible when mouseover
26th August, 04:15
Post: #1
[Solved] Tooltip stay visible when mouseover
Hey, how can I make the tooltip stay visible when it is moused over so that users can click links and stuff on it? Thanks!

Hubrid
Find all posts by this user
Quote this message in a reply
27th August, 14:50
Post: #2
RE: Tooltip stay visible when mouseover
JS Code
hide: {
	fixed: true
}

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
19th December, 20:57 (This post was last modified: 19th December 20:59 by xyborg.)
Post: #3
RE: Tooltip stay visible when mouseover
Hi, i started to experiment with the tooltip, but have a problem with this.
I use fixed: true

but if i'm with the mouse on the tooltip on a spot without text and there's another link with tooltip underneath the tip it pops up the other one and closes this tooltip. Any suggestions? I use IE8 (ffox seems to work fine and the tip stays)

the code is just basic as this:

JS Code
$('.kaartlink2').each(function() {
            $(this).qtip({
                content: {
                    text: 'Loading...',
                    title: {
                        text: 'Laatste reactie'
                    },
                    ajax: {
                        url: 'ajax_gen.asp',
                        data: {
                            actie: 'kaartinfo',
                            cardid: $(this).attr('rel')
                        }
                    }
                },
                position: {
                    my: 'top left',
                    at: 'top right',
                    viewport: $(window)
                },
                style: {
                      width: '216'
                   },
                show: {
                    delay: 400
                },
                hide: {
                    fixed: true,
                    delay: 300
                }
            });
        });
Find all posts by this user
Quote this message in a reply
22nd December, 10:39
Post: #4
RE: Tooltip stay visible when mouseover
nobody else with this problem?
Find all posts by this user
Quote this message in a reply
22nd December, 15:26
Post: #5
RE: [Solved] Tooltip stay visible when mouseover
Can you setup a basic test case please? http://jsfiddle.net/fDavN/

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
28th December, 13:12
Post: #6
RE: [Solved] Tooltip stay visible when mouseover
After hours and hours of testing and frustration I found out that including a doctype fixed the problem. Without the doctype line it wasn't working.
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  [Solved] Ajax link only on mouseover not on click argeee 2 120 23rd April 14:00
Last Post: argeee
  [Solved] qtips are visible only once fourgood 2 386 17th February 14:29
Last Post: fourgood
  tip in the dom but not visible jonglees 5 413 20th January 17:10
Last Post: Craig
  [Solved] Tooltip always visible - no hidden after mouseout f0rza 2 486 5th January 14:11
Last Post: f0rza
  [Solved] Toggle tooltip on mouseover and when the enter key is pressed jlowgren 1 535 3rd December 15:31
Last Post: Craig
  generate and show tip on mouseover and hide on mouseout sumitjaisingh 0 613 2nd November 15:39
Last Post: sumitjaisingh
  [Solved] Display random content in Qtip which is changing on mouseover Monoski 10 811 28th October 14:31
Last Post: Monoski
  [Solved] Only one tooltip visible at a time oliverp 1 873 28th July 23:41
Last Post: oliverp
  Make qTip always stay open germundal 8 1,275 8th April 19:21
Last Post: germundal
  [Solved] Keep qTip2 visible TomT 2 1,050 31st March 20:31
Last Post: TomT



User(s) browsing this thread: 1 Guest(s)