Threaded Mode | Linear Mode

PrimaryNumbers

Any thoughts on what the best way to make sure only one tip is open at a time? Is the only way to delay the opening of the next tip some?

***Craig***

PRimaryNumbers

Checkout the documentation on the 'solo' option: http://craigsworks.com/projects/qtip/doc...#show-solo

carruthersr

I searched the forum for my problem and this message is the closest, so I am just going to reopen this thread.

I am having a problem with IE7 and IE8 - but not Firefox, of course. The problem is that I have three icons in a row that are qtips, and when a one is activated the tip displays over the other two icons. When the user mouses over where the other icons are under the tip, the new tip is displayed and the original tip is closed.

Is there a way I can catch the before show event and prevent another tip from showing until the USER allows the first tip to close? In other words, I don't want to force the first tip closed.

***Craig***

carruthersr, could you give a demonstration of the problem your facing? Maybe an active demo of the code your using, so I can better understand what your trying to accomplish?

carruthersr

Here's a quick sample. The tips are supposed to be fixed, so after you activate one, mouseing to the right (while still on the first tip) should not allow/cause a second to open.

JS Code

<html>
   <head>
      <script language="javascript" type="text/javascript" src="/Library/jquery-1.3.2.js"></script>
      <script language="javascript" type="text/javascript" src="/Library/jquery.qtip.beta.js"></script>
   </head>
   <body>
      <img id="img1" src="http://craigsworks.com/projects/qtip/forum/img/avatars/2.jpg" />
      <img id="img2" src="http://craigsworks.com/projects/qtip/forum/img/avatars/2.jpg" />
      <img id="img3" src="http://craigsworks.com/projects/qtip/forum/img/avatars/2.jpg" />
   </body>
   <script type="text/javascript">
      $(document).ready(function() {
         $("img").qtip({
            content: { text: "Random text"},
            position: { corner: { target: 'rightTop', tooltip: 'leftTop' }},
            style: {
               tip: { corner: 'leftTop', color: '#A2D959', size: { x: 10, y: 15} },
               border: { width: 7, radius: 5, color: '#A2D959', tip: 'topLeft' },
               width: 600,
               height: 300
            },
            show: { solo: true, ready: false, delay: 200, when: 'mouseover' },
            hide: { fixed: true, delay: 500 }
         }); //qtip
      })
   </script>
</html>

carruthersr

I suppose I should mention that I am using this version:

/**
* jquery.qtip. The jQuery tooltip plugin
*
* Copyright © 2009 Craig Thompson
* http://craigsworks.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
*
* Launch : February 2009
* Version : 1.0.0-beta4
* Released: Monday 6th April, 2009 - 20:12
*/

I tried several different versions, but I had various issues with IE8 and settled on this one as it is the most functional for my specific needs.

***Craig***

Hmm testing it locally carruthersr it's working as expected? May be because I'm using the new branch revisions for testing. Try updating and see if it makes any difference: http://bazaar.launchpad.net/~craig.craig...runk/files

carruthersr

I upgraded to the new version and I still have the problem. I am putting the mouse cursor over the first image, and then once the tip is displayed, I try to put the mouse over the "Random Text" - which happens to be on top of the second icon. Two out of three times, it closes the first tip and shows the tip for the second icon.

carruthersr

Wait... The newer version seems to have fixed IE7... IE8 still has the problem though. This will be sufficient for my current code as we do not really support IE8 yet either.

By the way, I wanted to say that I am really impressed with your product, and now, with the support. Thanks for the hard work. If we use this in our production app I will try to make sure management donates to the cause.

carruthersr

For some reason the new version is causing the borders to draw incorrectly on my app.
Notice the right side is inset giving an "I" look to it.

[img=test]http://img13.imageshack.us/img13/3126/badtip.th.png[/img]

***Craig***

carruthersr, border issues are cropping up lately I admit. I'm looking into this as well as the IE8 issue so stay tuned whilst I run through the code a bit more.

And thank you for the compliment, always nice to hear my users are happy!

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	[Solved] Show all tips in one place	illusion4000	3	1,125	27th March 03:36 Last Post: kiddailey
	[Solved] Best way to hide Qtip when other Qtip opens up	wpgeek	1	1,712	10th May 11:06 Last Post: Craig
	close modal dialog from inside the content	siriusblack	3	2,490	21st April 17:57 Last Post: Craig
	Open a new tip on a tip close	hari41980	3	1,739	31st August 11:49 Last Post: Craig
	Close a qTip from inside the tip content?	ChimneyMedia	3	4,626	6th August 12:36 Last Post: Craig
	Close button instead of link?	rseshadr	2	4,919	25th March 23:05 Last Post: rseshadr