[Solved] Dynamic value in content of qtip

[shadabrd]

i have used the qtip and i have to enter the dynamic value in qtip not with ajax.
my code is as follows.

JS Code

var value = <?php echo $value; ?>
$("#username").qtip({
 
            content: { text:"want to display value here"},
            show:{ when : {event: 'focus'} },
            hide: { when: { event: 'blur' } },
            position: { corner: { target: 'rightMiddle', tooltip: 'leftMiddle '} },
            style: { name: 'light', border: { width: 3, radius: 8, color: '#CCEEFF' }, width: 300,
            tip: { corner: 'leftMiddle', color: '#CCEEFF', size: { x: 20, y: 8} }
            }
         })

[coffeemist]

This is what I have done here, where another plugin creates the

JS Code

<div class="error-tooltip"></div>

JS Code

$("td").qtip({
				style: { 
					name: 'red', // Inherit from preset style
					tip: 'bottomLeft'
				},
				position: {
				  corner: {
					 target: 'rightMiddle',
					 tooltip: 'bottomLeft'
				  }
			    },
				api: {
					beforeShow: function() {
						var content = this.elements.target.children(".error-tooltip");
						if(content.length > 0) {
							this.updateContent(content.html());
							return true;
						}
						else {
							return false;
						}
					}
				}
			});

Check this line here:

JS Code

var content = this.elements.target.children(".error-tooltip");

[Craig]

You can also use an .eacH() loop to prevent having to use the beforeShow API:

JS Code

$("td").each(function() {
   var content = $(this).children(".error-tooltip");
   $(this).qtip({
            content: content,
            style: { 
               name: 'red', // Inherit from preset style
               tip: 'bottomLeft'
            },
            position: {
              corner: {
                target: 'rightMiddle',
                tooltip: 'bottomLeft'
              }
             }
         });
});