asked on

ajax funtion breaking a tooltip

Dear all,

I'm using jquery-tooltip to add a tooltip to content generated by a $.ajax and here's the result:
http://www.vivocomtech.net/vidzapper/jquery-tooltip/tipmix2.htm

As you'll see the only image that has got the tooltip is the one in the centre.. and I need all of them.

With $('#content img').tooltip({
I now the programming is looking into the images of the content div, but I'm so desperate that I've added title="'+alt+'" everywhere .. and even so, it is not working ..please help!!

The usage of jquery-tooltip:
http://jquery.bassistance.de/tooltip/demo/

And my code is below.

Thanks a million!

<link rel="stylesheet" href="http://www.vivocomtech.net/vidzapper/jquery-tooltip/lib/jquery.tooltip.css" />
<link rel="stylesheet" href="http://www.vivocomtech.net/vidzapper/jquery-tooltip/lib/screen.css" />
<script src="http://www.vivocomtech.net/vidzapper/jquery-tooltip/lib/jquery.js" type="text/javascript"></script>
<script src="http://www.vivocomtech.net/vidzapper/jquery-tooltip/lib/jquery.bgiframe.js" type="text/javascript"></script>
<script src="http://www.vivocomtech.net/vidzapper/jquery-tooltip/lib/jquery.dimensions.js" type="text/javascript"></script>
<script src="http://www.vivocomtech.net/vidzapper/jquery-tooltip/lib/jquery.tooltip.js" type="text/javascript"></script>
 
 
<script type="text/javascript">
     
     	$(document).ready(function(){
     	
			$.ajax({
				type: "GET",
				url: "myxml.xml",
				dataType: "xml",
				success: function(xml) {
				
   					$(xml).find('item').each(function(){
   					
 
						var number = $(this).find('number').text();
						var alt = $(this).find('alt').text();
						var ids = $(this).find('ids').text();
						var thumb = $(this).find('thumb').text();
 
 
      	        
      
        $('#content img').tooltip({
      	track: true,
      	delay: 0,
      	showURL: false,
      	showBody: " - ",
      	fade: 250
      })
      
 
 
			 	$('<div id="thumb'+number+'" title="'+alt+'"></div>').html('<a target="_parent"  title="'+alt+'" href="http://www.amazon.com/
music-rock-classical-pop-jazz/b?ie=UTF8&node='+ids+'"><img title="'+alt+'" src="http://player27.narrowstep.tv/assets/players/4351/xml/images/'+thumb+'.jpg"  width=82 height=62 border=0></a>').appendTo('#content');
		
					});
				}
			});
 
		});
		
 
 
</script>
 
</head>
<body>
 
	<div id="content">
 
     </div>
 
////// xml file //////////////////////
 
<?xml version="1.0" encoding="iso-8859-1"?>
<myxml>
 
   <item>
  
        <thumb>thumb1</thumb>
        <ids>5171</ids>
        <alt>Some text 1</alt>
        <number>1</number>
    </item>
   
   
    <item>
      
        <thumb>thumb2</thumb>
        <ids>5172</ids>
        <alt>Some text 2</alt>
         <number>2</number>
     </item>
   
   
  
   
      <item>
 
        <thumb>thumb3</thumb>
        <ids>5173</ids>
        <alt>Some text 3</alt>
         <number>3</number>
      </item>
 
</myxml>

Open in new window

ASKER CERTIFIED SOLUTION

Albert Van Halen

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Dada44

ASKER

Thanks!!