IE6 no dynamic content?

[antiheld2000]

hi,

under this test link i am trying to load content dynamically into to qtip when mouseover a logo. it works very fine in every browser except IE6. here only a ? appears when trying to load the content. does anyone have a hint for me?

thanks and greets
anti

[Craig]

antiheld, make sure that your code doesn't have any trailing commas in it. This is what 99% of all JS bugs in IE are caused by. e.g.

JS Code

myObject: {
   attr: 'val', // Notice the unnecessary comma
}

[antiheld2000]

(26th March 12:52)Craig Wrote:  antiheld, make sure that your code doesn't have any trailing commas in it. This is what 99% of all JS bugs in IE are caused by. e.g.

JS Code

myObject: {
   attr: 'val', // Notice the unnecessary comma
}

but in js-code there is no unnecessary comma?? or am i wrong?

JS Code

$('area').click(function(event){
		event.preventDefault();
	});
 
	$('area').each(function()
	{
		$(this).qtip(
		{
			 content: {
				// Set the text to an image HTML string with the correct src URL to the loading image you want to use
				text: '<img class="throbber" src="http://craigsworks.com/projects/qtip/images/throbber.gif" alt="Loading..." />',
				url: $(this).attr('rel'), // Use the rel attribute of each element for the url to load
				title: {
				   text: '', // Give the tooltip a title using each elements text
				   button: '<img src="images/layout/btn-close-klein.png" alt="" />' // Show a close link in the title
				}
			 },
			 position: {
				corner: {
				   target: 'rightMiddle', // Position the tooltip above the link
				   tooltip: 'leftMiddle'
				}
			 },
			 show: { 
				when: 'mouseover', 
				solo: true // Only show one tooltip at a time
			 },
			 hide: 'unfocus',
			 style: {
				tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
				background: 'transparent',
				border: {
				   width: 0,
				   radius: 0,
				   color: '#ffffff'
				},
				padding: 18,
				//name: 'light', // Use the default light style
				width: 319 // Set the tooltip width
			 }
		})
	});