I am using a jquery plug in cluetip.Link is given below. [URL]it is working well.Here the Clue tips is closed only by either click the close button or leave mouse out from it.I want to close the same clue tip by a javascript function.ie when I call aother function , i need to close this clue tip.So how can I do it.When I use a modalbox, I could close the modalbox by calling a function like $.modal.close().Is there any function for it ?I found a function cluetipClose(); in its js script. But when I called it from outside it is not working.
I there an option to close cluetip when the mouse is of from the link? There is mouseOutClose option but it doesn't close cluetip if you don't hover the cluetip itself first. Here is an example:[URL] the first link under the jTip Theme
Safari 4.0.5 and FF 3.6.3 have this problem IE and Chrome are ok The first time when i click the link, two instances of close button shows. If during the same load, i click on another item, the previous clue tip hides and the new one shows with only one close button (right behavior). Image attached. Property closePosition "top and bottom" both have this behavior. closePosition value "title" only shows one close button but it is not clickable.
I've been using the most recent version of cluetip 0.9.9.c and I have overridden error function in the cluetip, but I was wondering how I can hide the actual cluetip? I tried $(this).isActive = false but this didn't work.
error: function(xhr, textStatus) { /// HIDE THE TOOLTIP? }
Basically I got a check in the error function that checks whether to show the error or redirect to the login page in case I have forms authentication. So how can I hide the tooltip?
Is it possible to load cluetip from a function, such as:
The reason I ask is that sometimes you don't want to bind to all elements if a user will only select 1 or 2 items, sometimes the cluetip might not even get activated at all so it seems a waste of resources binding cluetip on document.ready
I made a drop-down list that is opened when a user clicks on a button. If the user selects an item, the drop-down is rebuilt so the list is closed. If the user clicks on the button again, the drop-down closes using .toggle() on the button click event, and these two scenarios work great.However, I also need the drop-down to close when the user clicks anywhere outside of the drop-down. This seems simple, but I've been having a really difficult time figuring this out. I tried .focusout(), but this makes the events I have tied to selecting an item not fire at all. I also found this little bit of code from a drop-down plugin that should work perfectly, but it fires when the user clicks on the button, so the drop-down never opens:
i'm using the cluetip plugin in an iframe. When I mouse over the link, the cluetip does not load above the parent page, so it gets cut off partially. Is there any way to make the cluetip load above the parent page?
Just discovered ClueTip and it looks exactly what I need. However, I have a question about how to implement it.I have the following bit of code where I create a <div>. I'd like to attached a ClueTip tooltip to each div I create.Here is my code to create a div. I actually create many divs in a loop via an ajax call to retrieve info from a database...so, the id name and coordinates are retrieved and the new div is appended to a enclosing <div> named "jpanel".
I've just downloaded cluetip 1.1.3. After opening index.html in the demos folder with Chrome 12.0.742, I've noticed that when the ajax tooltips popup they don't contain any content. The other tooltips (title and local tooltips) work fine. I've tried opening the demos in IE8 and all the tooltips are displayed fine. Strangely, when I try the demos on the official page [URL] using Chrome everything works fine.
First off, I'm a noob, so, hopefully I won't offend anyone with my ignorance I am attempting to integrate both of these plugins into a single web page, but I seem to have some conflicts.
When I use the following script that is required for Cluetip, <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>, it disables jdMenu.
And when I use the functions.js javascript file that is required for jdMenu, it disables Cluetip.
after playing hard with my code during couple of hours I have decided finally to search some tips from more experimented jquery users I have a new website using pretty much of jquery functions and everything is working like a charm but I'm trying to add some jquery tips using cluetip plugin and cannot get all this stuff working together :(
I have a web page which contains a legacy ActiveX control (I know...) and am having a problem with the ClueTip plugin. Whenever a tooltip is displayed which should obscure the ActiveX it instead is drawn behind the ActiveX control. I have tried setting the value of cluezIndex to 1000, and also tried adding "<param name="wmode" value="transparent" /
I've been having some problems getting cluetip to show an image. essentially i just want it to work like this: title="This is a description | <img src="image">" and then I need the whole thing to be linked as well.
I have been working with the cluetip plug-in for several hours and am stuck. I can get most of the functionality working, but am unable to load another page within the tip and see the formatted html. The text shows up in the tip without formatting. The CSS for the tooltip itself is working as expected. I have tried copying and pasting the html from the fragment pages on the cluetip demo site, but am having the same issue. I am using the exact code used in the 2nd example on the demo page: [url]
I have created a form. Within the form is a button to close the window on click and to validate as well. The close window works when it is a stand alone, but it does not work when it is embedded with the other code. Here is the code I am currently using:
The function is called from a child popup window which closes the child when called. The function works well however when the child window is closed the cursor on the parent window continues as if it is trying and load something (although nothing is being loaded). Do I need some sort of end function to close the function off after it is executed?
How would I use cluetip to display a tip besides the input field when the focus is on that field? I haven't seen any examples or demos on how to do that. Does that work or do I have to use some other tool?
I am using cluetip on a button. I want to be able to activate the cluetip on the button later as to highlight the button's presence. How can i do this? I have tried:
I see that the cluetip plugin project is on github so, perhaps at some point I'll be able to try implementing this feature myself, and submit a pull request. My team is using the cluetip plugin in a rather exceptional way. Rather than a tooltip like msg bubble that appears on mouseover, we show the cluetip on page load and require the user to dismiss it. We're using these cluetips to communicate new features on our site. After looking at available jquery plugins, cluetip seemed to be best suited for this use (all be it, a rather exceptional use).
The current design allows for this use with just a bit of css work but it limits us to one cluetip visible on a page at a time. Multiple cluetips are not possible because the cluetip div container has a non-unique id and the jquery id selector is used in the plugin code (which means that only the first cluetip in the DOM is ever referenced by the code). I'd like to extend the code to allow for dynamic assignment of the id on the cluetip container which would allow us to render multiple cluetips on the page. Perhaps, this might constitute a new plugin, since this isn't really the intended use of cluetips.
I'm trying to use the Cluetip plugin to display data on mouseover ofthe tr tag. The data displayed is stored in the title attribute. Itworks great in FireFox, but in IE7 the browsers default title displaysalong with the Cluetip. Am I missing an option that would allowCluetip to override the browsers default title display?
$('tr.toolTipTitle').cluetip({ cluetipClass: 'jtip', clickThrough: true, /* Set to true for allowing click to go through
I'm working with ClueTip and have run into some oddities.In particular, I want to show ClueTip when a textbox receives focus.The source shows me that I can use activation:'focus' for this and that will result in the cluetip showing on focus and disappearing on blur. Showing the cluetip is working fine, blurring is not.[code]
First off, a quick THANK YOU for making cluetip! I'm using it and loving it but I have an issue with it under iPhone/ Mobile Safari. Basically, when I view a page with a desktop browser, cluetip activates on hover and does what I want. However, on the iPhone, cluetip displays whenever a link is tapped that would normally display the cluetip hover in a desktop browser. So, is there a way to fix this behavior in cluetip? If not, can I disable cluetip (or stop it from loading) when an iPhone requests the page?