Threaded Mode | Linear Mode

mrjoka

hi,
first of all i would like to thank you for the great plug in.
i was using the old version 1. rc3 and i was able to create a custom modal but i was not able to fix the max width and height so if the content is big then i i could not close the modal. i searched on the internet and i found a solution that suggest to upgrade to the 2.0 version, i did. i copied the code from your demo page : http://craigsworks.com/projects/qtip2/demos/#modal. if i keep your link to jquery in the source code then it works but when i change the link to the jquery 1.3.2 the one i using then i get too much recursion error.
here is the code i'm using:

JS Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<!--Stylesheets-->
<link rel="stylesheet" type="text/css" href="/js/jquery/qTip2.0/jquery.qtip.css" />
 
<!--JavaScript-->
<script src="/js/jquery/jquery-1.3.2.js"></script>
 
<script type="text/javascript" src="/js/jquery/qTip2.0/jquery.qtip.js"></script>
 
</head>
<body class="demo-modal">
 
<div id="content" class="preview">
 
<style type="text/css">
/* Add some nice box-shadow-ness to the modal tooltip */
#ui-tooltip-modal{
   max-width: 420px;
 
   -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
   -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
   box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
}
 
#ui-tooltip-modal .ui-tooltip-content{
   padding: 10px;
}
</style>
 
<div id="demo-modal">
   <button class="nice">Click here</a> to see a qTip modal dialogue.</button>
 
   <div style="display: none;">
 
      Heres an example of a natural extension to qTip... use as a <b>modal dialogue</b>!
 
      Much like the <a href="http://onehackoranother.com/projects/jquery/boxy/">Boxy</a> plugin, but if you're already
      using qTip on your page, why not utilise the same library for your dailogues too?
   </div>
</div>
 
<script class="example" type="text/javascript">
jQuery(document).ready(function()
{
   jQuery('button').qtip(
   {
      id: 'modal', // Since we're only creating one modal, give it an ID so we can style it
      content: {
         text: jQuery('div:hidden'),
         title: {
            text: 'Modal qTip',
            button: true
         }
      },
      position: {
         my: 'center', // ...at the center of the viewport
         at: 'center',
         target: jQuery(window)
      },
      show: {
         event: 'click', // Show it on click...
         solo: true, // ...and hide all other tooltips...
         modal: true // ...and make it modal
      },
      hide: false,
      style: 'ui-tooltip-light ui-tooltip-rounded'
   });
});
</script>
</div>
</body>
 
</html>

this is the error i got in firbug:
too much recursion
, copy );

jquery-1.3.2.js (line 600)

if the version 1.0 rc3 can help me manage big content with specifying the max width or may be a scroll bar so the pop up will be in the middle of the screen then i'm happy Smile

if you can put me in the direction to fix the error in the new version 2.0 will be better because the modal is already defined there and i do not have to do all kind of custom things.

thanks in advance for the plug in and the help.

***Craig***

qTip2 only works with jQuery 1.4 and higher I'm afraid. Is there any reason you want to use such an old version of jQuery anyway?

mrjoka

(16th February 20:25)Craig Wrote: qTip2 only works with jQuery 1.4 and higher I'm afraid. Is there any reason you want to use such an old version of jQuery anyway?

thanks for the reply Craig, now we have jQuery 1.3.2 implemented in the core and i will switch to the newer version but i need to do a lot of things before the update, a lot of modules i'm using is using jquery and i want to make sure nothing will break down when i update to the new one.

is there a way to fix the problem with the big content in qtip 1.0?

thanks man.

for now i will include the newest jquery in the body so i can overwrite the old one and when i switch to the new jquery version i will remove the include from this file.

thanks for the help and for the great plug in.

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	Jquery validation + qtip2 problems	gnatok	4	202	17th April 12:55 Last Post: Craig
	[Solved] Bug in the qTip jQuery UI slider example	dotnerdify	2	804	20th March 20:27 Last Post: dotnerdify
	[Solved] Is the qTip2 working with jquery 1.4.2+ ?	iignat.free	2	426	17th February 15:16 Last Post: iignat.free
	[Solved] Jquery Qtip 2 Pack -- What gives?	WebmistressM	4	370	6th February 18:43 Last Post: WebmistressM
	[Solved] problem with jquery function called inside a qtip content	mvillani	1	460	3rd February 14:14 Last Post: Craig
	[Solved] Disappearing Modal content in Cycle Jquery Plugin	michelleD	2	567	27th January 17:04 Last Post: Craig
	[Solved] the tooltip inside a jquery dialog	derridondon	4	687	31st December 10:17 Last Post: Craig
	[Solved] help with jquery ui theme	derridondon	1	432	25th December 20:20 Last Post: Craig
	[Solved] Drop-down menu demo/code doesn't work with newer jQuery	ITFlyer	1	677	8th December 19:19 Last Post: Craig
	QTip2 + JQuery Full Calendar + IE8, 7, and 6 = Not Working	Swede78	2	707	6th December 00:40 Last Post: Swede78