Question

I found a neat plugin that displays a popup balloon. Seems like it’s intended to be triggered by hovering or clicking an a control. I can make this plugin work like this, but I want to be able to call it manually after performing some logic in my code.

The url for this plugin is: http://file.urin.take-uma.net/jquery.balloon.js-Demo.html

The documentation seems to be very limited and all of the examples demonstrate it’s use using selectors and hover/click.

Is there a way of calling this plugin conditionally after performing some logic in my code? Sorry… I’m very new to JQuery/Javascript.

Here’s how the demo shows its use:

(1) Download and load this plugin javascript file after jQuery.

<script type="text/javascript" src="js/jquery.balloon.js"></script>

(2) Call $().balloon(options) in document ready event of jQuery.

$(function() {
    $('selectors').balloon(options);
}); 

$('.sample7-2').balloon({
    tipSize: 0, offsetY: -100, offsetX: -100,
    showDuration: 0, hideDuration: 0
});

I’ve made several attempts without success

Answer 1

Looked at their code quickly there is a function showBalloon you should invoke when you want the balloon to showup.
They even show you an example

$(function() {
  $('#knight').showBalloon({ ... }).toggle(
    function(){ $(this).hideBalloon(); },
    function(){ $(this).showBalloon(); }
 );

});