Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
qtip inside the jquery UI Dialog
20th October, 14:53
Post: #1
qtip inside the jquery UI Dialog
I have qtips on the image map which works just fine as standalone page but when I try to load it into a jquery dialog from another page it's not working. I am not receiving any errors just doesn't work. I am calling the qtip function from the dialog "open" event. What am I doing wrong?
JS Code
$(document).ready(function() {
		var $loading = $('<img src="/jQuery/Images/loading.gif" alt="loading" class="loading">');
		$('#modal a').each(function() {
 
			var $dialog = $('<div></div>')
				.append($loading.clone());
			var $link = $(this).one('click', function() {
			var saveLabel = $link.attr('sButton');
			var cancelLabel = $link.attr('cButton');
			var thisid = $link.attr('id');
			var hsize = $link.attr('hsize');
			var buttons = {};
				$dialog
					.load($link.attr('name') + ' #contents')
					.dialog({
						title: $link.attr('title'),
						width: eval(hsize),
						height: $link.attr('vsize'),
						modal: true,
						buttons: buttons,
						open:  function()
{
	$('map area[title]').qtip({
		position: {
			my: 'top left',
			target: 'mouse',
			viewport: $(window), // Keep it on-screen at all times if possible
			adjust: {
				x: 10,  y: 10
			}
		},
		style: {
      classes: 'ui-tooltip-dark ui-tooltip-shadow'
   },
		hide: {
			fixed: true // Helps to prevent the tooltip from hiding ocassionally when tracking!
		}
	});
}
					});
 
				$link.click(function() {
					$dialog.dialog('open');
 
					return false;
				});
 
				return false;
			});
		});
	});
Find all posts by this user
Quote this message in a reply
20th October, 18:49
Post: #2
RE: qtip inside the jquery UI Dialog
Are you getting any errors? You'll need to setup a proper test case here: http://jsfiddle.net/fDavN/

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  using qTip inside a Mozilla Firefox addon emafuma 7 792 24th April 15:49
Last Post: Craig
  [Solved] qTip2 inside map infowindow costales 3 191 15th April 08:29
Last Post: costales
  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
  [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 with jquery mobile tap event finedesignz 1 642 4th January 21:18
Last Post: Craig
  Access target from "inside" qtip Lynge 6 3,008 19th November 12:08
Last Post: t00f
  Google Calendar like bubble for Jquery FullCalendar tdmohr 13 13,002 18th October 07:22
Last Post: jokepondy
  Cannot make jquery plugin or qtip plugin work anindasen 3 983 8th October 13:49
Last Post: Craig



User(s) browsing this thread: 1 Guest(s)