craigsworks.com - Support Forum

<a href="#" rel="/es/directores/pepito-perrez/4/">
				Dir.ª Calidad de Datos	
				<span>Pepito Perez</span>
			</a>

// Create the tooltips only on document load
$(document).ready(function() 
{
   // Use the each() method to gain access to each elements attributes
   $('#organigrama a[rel]').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="/images/ajax-load.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: 'Close' // Show a close link in the title
            }
         },
         position: {
            corner: {
               target: 'bottomMiddle', // Position the tooltip above the link
               tooltip: 'topMiddle'
            },
            adjust: {
               screen: true // Keep the tooltip on-screen at all times
            }
         },
         show: { 
            when: 'click', 
            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: 'none',
            border: {
               width: 0,
               radius: 4,
               padding: 5,
               color: '#FFF'
            },
            name: 'light', // Use the default light style
            width: 380 // Set the tooltip width
         }
      })
 
   });
 
 
});

if(method == 'post')
               $.post(url, data, setupContent);
            else
               $.get(url, data, setupContent);
 
           function setupContent(content)
           {
               // Call API method and log event
               self.onContentLoad.call(self);
               $.fn.qtip.log.error.call(self, 1, $.fn.qtip.constants.EVENT_CONTENT_LOADED, 'loadContent');
 
               // Update the content
               self.updateContent(content);
            };