javascript - Bootstrap custom popover -

javascript - Bootstrap custom popover -

is possible have custom bootstrap popover?

i mean want able use

$('#example').popover(options)

so on click of element #example, i'll pass text (which shown in editable textarea);

i using bootstrap 2.3.2

i dont think links in comments answers question. here 2.3.2 example, working multiple links / elements, passes text() element textarea on popover, , element upon "submit" :

<a href="#" rel="comments" title="enter comments">awesome user</a>

use popovers template feature customize popover (adding buttons), set <textarea> content, inject text of link / element textarea on shown event :

class="lang-js prettyprint-override">$("[rel=comments]").popover({ trigger : 'click', placement : 'top', html: 'true', content : '<textarea class="popover-textarea"></textarea>', template: '<div class="popover"><div class="arrow"></div>'+ '<h3 class="popover-title"></h3><div class="popover-content">'+ '</div><div class="popover-footer"><button type="button" class="btn btn-primary popover-submit">'+ '<i class="icon-ok icon-white"></i></button>&nbsp;'+ '<button type="button" class="btn btn-default popover-cancel">'+ '<i class="icon-remove"></i></button></div></div>' }) .on('shown', function() { //hide visible comment-popover $("[rel=comments]").not(this).popover('hide'); var $this = $(this); //attach link text $('.popover-textarea').val($this.text()).focus(); //close on cancel $('.popover-cancel').click(function() { $this.popover('hide'); }); //update link text on submit $('.popover-submit').click(function() { $this.text($('.popover-textarea').val()); $this.popover('hide'); }); });

see fiddle -> http://jsfiddle.net/e4zmu/ here 3 editable links / elements :

javascript jquery twitter-bootstrap popover