I am trying to display a qTip containing a jQuery UI datepicker control (the version bundled with jQuery UI). However the datepicker's calendar opens behind the qTip. I tried manually setting the calendar's z-order from firebug, which does allow the calendar to open in front of the qTip. However, in this case clicking on the calendar has...
Hi there, I'm creating a little dynamic tooltip function. Basically if I have a link like so: <a href="#" data="xyz">?</a> Using qTip, I attempt to lookup a tooltip table in mysql and retrieve the tip based on the data in the data attribute. So: $('a[data]').qtip({ content: { url: '/tooltip.php', data: { tipKe...
I'm using the qTip plugin for jQuery. Using the following function it cycles through each of the a tags with a rel attribute and applies the qtip function to each link. Works a treat in Firefox and Safari and is supposed to work in IE. $('a[rel]').each(function () { var $link = $(this); $link.qtip({ content: { url: '/toolti...
I want to display a QTIP (http://craigsworks.com/projects/qtip/) after my mouseover is longer then 1 second on a link. how is this possible? If im with the mouse over the element less then 1 second, nothing should happen. I have tried the below code, but my browser crashes: $(".Details").bind("mouseover", function() { t= setTimeout(...
Hi, I load some ajax content with the load jquery function and qTip is no more working for elements in the ajax content. I dealt with the live jquery function for the other jquery event but I don't know how to proceed with qTip. //Load part $(".load_trigger").load("page.php"); // Tooltip part $(".content_el").each(function(){ j...
Hi, I am trying to show a tooltip in a mouseover event. The reason I am creating the tooltip on the fly rather than as a precursor (i.e. creating the qtip in document.ready) is that I have generated a list of items that map to a list of objects and I store the hash key for each object in the object list in a hidden element in the "li", ...
The normal behavior for the jQuery qTip plugin is to create a new hidden div for every tooltip item assigned. Is there a way to tie a single hidden tooltip element to multiple targets, to avoid cluttering the DOM? Contrived Example: <div id="foo1"></div> <div id="foo2"></div> <script> $("#foo1,#foo2").qTip({"content":"test"}); </scrip...
Hey, I'm not very experienced with javascript, jQuery or it's plugins but usually I manage. Anyways, my client is building a site and one of its purposes is to pick up news articles from different sites and show the titles in unordered html lists. I don't have access to his code, the news articles load up rather slow(much after the sit...
I am using qTip (jquery.qtip-1.0.0-rc3.min) and jQuery (jquery-1.3.2). When using qTip in IE with non-dynamically loaded content qTip works fine. However, when loading content via an ajax call the qTip content does not resize once content is loaded. I have tried adding an updateWidth on the various callbacks without any luck. In fact, w...
Hello, I use jQuery qTip plugin to show divs for a mouseover link/img. I have wrote 2 options to use, but both are causing troubles. V1: the first version shows the tooltip, only the second time I move my mouse over the link. After repeating my mouse over the link the script seems to get slower and slower and after 6/7 times my browser...
Does anyone have a solution for using jQuery qTip and lightbox at the same time. It would seem that qTip hijacks the title tag in the anchor so that the title that's supposed to show underneath the enlarged image (via lightbox) is missing. The qTips work just fine. ...
I have a series of 'crosshair image' divs on a webpage which are moved with jquery and absolute positioning. I would like to display a qtip tooltip when the user's mouse moves over these crosshairs. The problem is that quite often these divs will be overlapping but qtip tooltip is only displayed for one of the divs, not all of the divs...
Hi all, I want to pass a dynamic parameter with qTip, but it fails. my_ajax_controller.php just displays the variable type, but not q. $('a.menu_help').qtip({ content: { url:'my_ajax_controller.php', data: 'type=help_menu&q='+$(this).attr('id'), method: 'get' }, show: 'mouseover', hide: 'mouseout' });...
I try to get a thin border with round corners for the tip in qtip, using: border: {width: 1, radius: 7, color: "#B8E25E"} (Like explained here: http://craigsworks.com/projects/qtip/docs/tutorials#borders) But the border is then getting quite thick, like 7 or something, is there a way to get a thin border with round corners? ...
When I specify rounded corners for my qtip tooltip only the right hand side are rounded, and the left hand side have notches cut in the corners where the rounded corner should be. This shows up on at least firefox and IE. This is the code I'm using $('#test').qtip({ content: 'test', show: 'click', hide: 'unfocus', style: {...
I am having problems with the Jquery qtip plugin. It works fine in Firefox (see here http://movieo.no-ip.org/ hover over the first image). But doesn't work in IE. This is the code: $('.moviebox').each(function() { $(this).qtip({ content: $(this).children('.info'), show: 'mouseover', hide: 'mouseout', style...
I am using the qTip plugin to post a imdb URL to an IMDB grabber script and display movie info on that url. Everything works until I have more than one qtip on the page. What i need to do Is only post the data of the image that is being hovered. This is the code should make a bit more sense then me. Script - var link = $("#link").val...
I am using jquery 1.4.2 and qtip-1.0.js in ie/7/6/8 whenever I hover over the image on which the tooltip is applied, I get the tooltip... but I also do get the original title... does not happen on the firefox though... Is there any option or setting specific to disable the img titl and just show the tooltip? my code looks like this $(...
I'm using jquery.qTip on http://comps.gunnjerkens.com/phws/services/ Looks beautiful with the drop shadow and rounded borders in modern browsers...unfortunately the drop shadow is lost on IE. So I want to specify an IE-only rule that makes the border a different color than white. Here's how I currently have it setup: $(this).qtip({ ...
Hello, I'd like to find a fay to use Qtip in an iFrame on my page. I found a way to use QTIP on an iframe, but not with JQUERY LIVE.... qTip through an iFrame: http://craigsworks.com/projects/forums/thread-question-qtip-through-iframe Any ideas on how to apply JQUERY Live to that? My current code: $('iframe').load(function(){ $(thi...