qtip

HowTo, apply a JQUERY Plugin - qTip inside CKEDITOR

I have a page with CKEDITOR.... In the CKEDITOR text area I'd like qTIP to be working, or any JQUERY plugin for that matter to keep this problem simple. I get this is a crazy hard question but would appreciate any pointers in the right direction. I have this so far and it isn't working: $(document).ready(function(){ CKEDITOR.inst...

jQuery, qTip: tooltips font-size: always the same

hi, I'm using qTip jquery-plugin for my tooltips. I cannot change the font-size of the tooltips. This is the code.. any number 2..4..8 produces the same results. $('.option img[title]').qtip({ style: { name: 'light', border: {width: 0}, title: { 'font-size': 2 } }, position: { corner: { ...

Rebinding jQuery qtip tooltip on images in bxcarousel

I'm using bxcarousel to show a bunch of images. Each image has a tooltip, which I display using qtip. This works fine for the first round, but when the images come round a second time the tooltips don't show anymore (because bxcarousel removes an element that slides out and puts it back at the end) An example of the carousel can be fou...

qTip pop ups come in from top left of screen (on first load)

Hi, not sure if i'm set things up incorrectly - I don't seem to see anyone else with this problem, but my qTip popups (all ajax loaded content) are loading quite erratically, in that they are often animating in from off screen before appearing in the correct position. Is there a simple solution to this which I may have missed? Thanks aga...

Trigger jQuery Qtip on FullCalendar dayClick

Hello, I have a jquery fullcalendar. I would like to trigger jquery QTip (or other jquery solution (such as a lightbox)) when I click on a day to bring up a list of options. This question is similar to this question already posted, however different enough to warrant a new question. There is an event callback for this but I am unsure h...

Jquery tooltip plugin qTip doesn't seem to set width properly

i have an asp.net mvc site and here is a dynamic tooltip using qTip Here is my code: $('a.showNutritionInfo').each(function() { $(this).qtip({ content: { text: '<img src="../../images/ajax-loader1.gif" alt="" />', style: { width: 450 }, url: '/Tracker/NutritionInfo/' + $(this).attr('id'), me...

Modal qTip - hide when ... mouseleave?

Hi, im using the modal window qTip. Everything works fin, but i was wondering if it is posible to hide the modal window on either when onMouseout or mouseleave... and how? this is my current setting: hide: { when: { event: 'unfocus' } }, Of course the unfocus only works when clicking outside. Any ideas? ...

hide of qtip tooltip is making my screen large

I am using jquery 1.3.2 and qtip 1.0.0-rc3 works fine but there is one strange issue for IE6 I am facing. when I take my mouse on the element (< a > in my case), the tooltip appears fine, but when I take my mouse away from the element, the tooltip fades away without problem but my screen starts getting bigger vertically... as if there a...

qTip with jQuery dialogs

I'm using qTip to show validation errors in a grid. The tooltip appears after a failed row save and doesn't disappear until the row is resaved or the changes are canceled. The problem with this is that opening a dialog while the tooltip is visible causes the tooltip to be rendered on top of the dialog. That is because the z-index is h...

Call function from hyperlink defined in qTip content

Hi, I am trying to call a javascript function from a hyperlink that is part of the content in a qTip. I keep getting the error my function is not defined but it is defined within the page and can be called outside of qTip. Below is what I have so far: function addCalendarToolTip(objTarget, objEvent) { $(objTarget).qtip({ ...

Qtip is not working for me?

This is my coding for Qtip.But it wont be work .I dont know why? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Qtip</title> <scr...

qTip jQuery Plugin not always Firing

Hi, I am using the qTip jquery plugin qTip plugin for a website I'm working on based on another thread I raised here: stack overflow thread My question is, I have a navigation bar running along the top of my screen which is basically sets the title attribute based on the tab menu you are in, these are all stored within a javascript arr...

php array to jquery array to qTip plugin.

Hi I'm trying to get a PHP array to use in some jquery script using the qTip plugin. This is my array: $descqtip[ ] = array('name' => ''.$name.'', 'description' => ''.$description.''); Here is my jquery code: <script type="text/javascript"> $(document).ready(function() { var description = <?php echo json_encode($descqtip)?>; ...

how to select a div within a list in jquery

I'm following a tutorial for a menu bar and I'm having trouble adapting it to use qTip because I cant seem to be able to find a way to select a particular element. <div class="leftside"> <!-- all things in floating left side --> <ul id="social"> <li><a class="rss" href="#"></a> <!-- icon --> ...

Reading value of textbox inside a qtip not working in jQuery

I am loading a jQuery qtip on hover (as it usually works). Inside this qtip, there is a textbox and a button. On the click of this button, I want to do something with the value of this textbox. Somehow, jQuery's .val() function returns me the initial value of the textbox. Where am I going wrong? jQuery code: $(function() { $("#some...

jQuery fullCalendar and qTip

I'm looking at using fullCalendar and using qTip to display a description using eventMouseover. Has anyone managed to do this or know of a solution? I've google'd and also tried implementing this post but i've had no joy. The only time I got it to work it got into a loop and crashed my browser. Any advice / support would be greatly ap...

Can qTip chase after mouse position?

Hi everyone, I want to use in my website and I want the tooltip to "chase" after the mouse. That is the tooltip balloon should display next to the cursor and remain next to it even if it moves. What's the best method to do so? Thanks! ...

Jquery qTip for toggle-able help layer: beforeShow problems

Hello, I'm trying to implement a help layer that can be toggled on and off by clicking a help link in my page header. I know qTip can't target live() selectors without doing some body hover trickery or something of that sort, so I assumed the easiest thing to do would be to use the beforeShow callback to test if the body has the 'help' ...

How to set the tip dimensions with jQuery qTIp?

I'm having some trouble with modifying qTip's tip size (x,y). I tried to add the style: { tip: { x:2,y:2 } } in all sorts of ways, but failed. How can I add it to the following script? // Status Tooltips Style $.fn.qtip.styles.statusTooltips = { background: '#333333', color: 'white', textAlign: 'center', border: { ...

jQuery qTip & ThickBox

I have a form loading in a Thickbox, which is submitted using AjaxForms and I'm trying to add some nice qTips to give users a better understanding of what the form field does when they enter data (it's a configuration options modal dialog) The existing stuff works fine, the ThickBox pops and the form displays and submits okay. However I...