Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Safari CSS Style not showing inside qtip
20th December, 18:16
Post: #1
Safari CSS Style not showing inside qtip
First off: Thank you! qTip and this forum have provided so much help to me. This is a terrific and valuable resource.

I have a qTip that displays dynamic content. It works properly in IE, Firefox, and Chrome. Unfortunately, Safari is not applying the css style to the dynamic content within the qTip. When I view the dynamic content in its own tab in Safari, the style displays appropriately.

You can view the example at http://aplot.com/timeline-cg. If you hover over the state of Michigan, you'll see the qTip.

Here's the basic code:
JS Code
$('.stateMI').qtip({
			   show: 'mouseover',
			   hide: 'mouseout', 
			   position: {
				         target: 'mouse'
		   	   },
			  style: 'pieChart',
		      content: {
		   	      url: './image.php',
		   	      data: { state: 'mi', currEntry: currEntry},
		   	      method: 'post'
		   	   }
		});


I'm using jquery 1.3.2.
Find all posts by this user
Quote this message in a reply
20th December, 19:34
Post: #2
RE: Safari CSS Style not showing inside qtip
You shouldn't use the AJAX functionality to retrieve full pages tonyabra! Safari is actually doing it right, since you're loading another HTML page into the one you have already...

What you need to do is strip the <body> section out of the chart page and use qTip to fetch that instead, then use stylesheets included on the main page to style it correctly.

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
  tip showing 2 times gkielwasser 8 240 5th May 19:00
Last Post: Craig
  using qTip inside a Mozilla Firefox addon emafuma 7 792 24th April 15:49
Last Post: Craig
  [Solved] qtip showing content from db doesn't change when content in db changes. vtoepel 2 144 23rd April 16:02
Last Post: vtoepel
  [Solved] qTip2 inside map infowindow costales 3 191 15th April 08:29
Last Post: costales
  [Solved] IE 8 "Style > Tip" not displaying shameless hacker 30 8,975 9th February 18:49
Last Post: nickast
  [Solved] Browser still showing regular tooltip in addition to qTip Ryan Williams 2 848 18th December 19:54
Last Post: Craig
  Access target from "inside" qtip Lynge 6 3,008 19th November 12:08
Last Post: t00f
  qtip inside the jquery UI Dialog tiggi 1 781 20th October 18:49
Last Post: Craig
  [Solved] Positioning tooltip inside page dmilne 1 501 30th September 14:56
Last Post: Craig
  CSS layout breaks when qTip activated mattdj 1 729 24th August 19:03
Last Post: Craig



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