Threaded Mode | Linear Mode

artvolk

Good day!

First of all, thank you for the hard work on this good plugin!

I'm using qTip 1.0 with JQuery 1.4.2 (grabbed latest revision 54 from here: http://bazaar.launchpad.net/~craig.craig...1.0/files)

I've noticed the following strange thing: tip is appeared without any effect. When I change JQuery to 1.3.2 (without touching anything else) -- it works as expected. As far as I investigate the tooltip actually appear after this function call (line 811, http://bazaar.launchpad.net/~craig.craig....js#L811):

JS Code

// Update tooltip position if it isn't static
if(self.options.position.type !== 'static') {
	self.updatePosition(event, (self.options.show.effect.length > 0 && self.rendered !== 2));
}

and not in switch statement below this (at line 838: http://bazaar.launchpad.net/~craig.craig...0.js#L838)

I know that version 2.0 is about to out, but I'm completely happy with one-file current version 1.0.

Here is a test case:

JS Code

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>QTip</title>
 
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery.qtip-1.0.js"></script>
 
<script type="text/javascript">
$(function(){
	$('.tip').qtip({
		show: {effect: 'slide', length: 1000},
		content: 'test'
	});
});
</script>
</head>
<body>
<div id="tips">
	<a class="tip" id="tip-1" href="#">Link 1</a>
	<a class="tip" id="tip-2" href="#">Link 2</a>
</div>
</body>
</html>

Any help is appricated before I'm starting to digging inside updatePosition() function Smile

***Craig***

Artvolk, this is fixed in the 2.0 release... and if the separate files is the reason for not switching then check GitHub as the library is now shipped as a single file under the 'dist' directory Smile

artvolk

(15th August 11:33)Craig Wrote: Artvolk, this is fixed in the 2.0 release... and if the separate files is the reason for not switching then check GitHub as the library is now shipped as a single file under the 'dist' directory

Thank you for the quick reply, can I use this page (as far as I understand it is prepared for the release Smile

)
http://craigsworks.com/projects/qtip_new/
?

***Craig***

Yep that's the one artvolk, although to download it you'll need to visit the GitHub repo here: http://github.com/Craga89/qTip/tree/master/dist/

artvolk

(16th August 13:02)Craig Wrote: Yep that's the one artvolk, although to download it you'll need to visit the GitHub repo here: http://github.com/Craga89/qTip/tree/master/dist/

Thanks, but documentation for new version I will get from the 'new' link Smile

paul82

Dear All,

I tried to use new files but still not able to run show effects with jquery 1.4.2.

Any suggestion?

Thanks

***Craig***

paul82, what is your show.effect set to?

paul82

(22nd August 14:32)Craig Wrote: paul82, what is your show.effect set to?

Hi Craig,

thank you for answering. The effect I'm trying to set is the slide effect, but I would like to set a fade effect.

Code is:

JS Code

$(".info").each(function(){
		$(this).qtip({
			content: loadContent($(this).attr("id")),
	        position: {
	           corner: {
	              tooltip: "topLeft",
	              target: "rightBottom"
	           }
	        },
	        show: {
	        	solo: true,
	        	effect: {type:"slide", length: 1000}
	        },
	        style: {
	           border: {
	              width: 8,
	              radius: 5,
	              color: "#cc0101"
	           },
	           background: '#EEEEEE',
	           width: 200,
	           padding: 10,
	           textAlign: 'left',
	           tip: {
	               corner: true
	           }
	        }
	     });
	});

paul82

Update:

I used all files in http://github.com/Craga89/qTip/tree/master/dist/ and noticed that both "appearence" (style I set up) and behaviour (positioning and effect) don't work correctly.
I have a table with several rows, each of which has a cell with a detail/info image. I want everytime mouse is over an info image to show a tooltip with details about the row. Details are loaded by the function loadContent(id), which is set as the content of the tooltip.

With the previous version of qTip everything seemed to work fine, except show/hide effects. Using the last version I notice, other than the effect doesn't work, that there are appearence and behaviour problems as I told at the beginning.

I hope I have been understandable.

Thank you

***Craig***

paul82, qTip2 uses a very different syling mechanism using regular CSS. Stick your old v1 code in the 2.0 converter here: http://craigsworks.com/projects/qtip_new/converter/

It will output your new code as well as any styles or additional code you'll need to include.

paul82

(24th August 17:06)Craig Wrote: paul82, qTip2 uses a very different syling mechanism using regular CSS. Stick your old v1 code in the 2.0 converter here: http://craigsworks.com/projects/qtip_new/converter/

It will output your new code as well as any styles or additional code you'll need to include.

Thank you Craig,

as soon as I can I will try it! I noticed only now the documentation relative to the version 2.0 of qTip. I think I will redesign all from the beginning.

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	the plugin do not work correctly with jquery 1.7?	vic906	1	145	12th April 22:09 Last Post: Craig
	Qtips with jquery UI Issue	sherwoodbear79	2	432	15th February 15:36 Last Post: sherwoodbear79
	js only show	admeis	1	274	6th February 18:00 Last Post: Craig
	Hiding tooltip problem	sohailanwarpk	2	400	31st January 12:13 Last Post: sohailanwarpk
	[Solved] Need some help:codes in Jquery	BabyShung	1	338	29th January 16:35 Last Post: Craig
	Tooltips not loading jQuery or other js files from parent document	crodesign	2	474	13th January 22:19 Last Post: crodesign
	qTip & ASP.NET UpdatePanel Postback Problem	qTipNoob	4	3,027	10th January 15:01 Last Post: naupadnara
	qtip with jquery mobile tap event	finedesignz	1	642	4th January 21:18 Last Post: Craig
	show qtip in a specified div or position	myapweb	1	585	27th December 17:53 Last Post: Craig
	qtip not appearing on .show command	josephkhoury	1	442	20th December 13:58 Last Post: Craig