Popover Handling | Rex's Personal Site

This example will trigger a popover when a link is clicked and dismiss automatically in 3 seconds.

&nbsp;

function toggle_popover(selector){
	var $item = $(selector);

	if($(&#39;div.popover&#39;).size() &gt; 0){
		close_popover(selector);
	}else{
		$item.popover({
			content: &#39;Under construction&#39;, 
			container: &#39;body&#39;, 
			placement: &#39;bottom&#39;, 
			trigger: &#39;manual&#39;
		}).popover(&#39;show&#39;);

		$(&#39;div.popover&#39;).css({&#39;z-index&#39;: 9999}); //Optional

		setTimeout(&quot;close_popover(&#39;&quot; + selector + &quot;&#39;)&quot;, 3000);
	}
}

function close_popover(selector){
	$(selector).popover(&#39;hide&#39;).popover(&#39;destroy&#39;);
}

function toggle_popover(selector){

var $item = $(selector);

if($('div.popover').size() > 0){

close_popover(selector);

}else{

$item.popover({

content: 'Under construction',

container: 'body',

placement: 'bottom',

trigger: 'manual'

}).popover('show');

$('div.popover').css({'z-index': 9999}); //Optional

setTimeout("close_popover('" + selector + "')", 3000);

}

function close_popover(selector){

$(selector).popover('hide').popover('destroy');

}

M	T	W	T	F	S	S
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30