i need kind of popup using jquery, please suggest jquery plugin or sample. cant find idea start this.
hope you.
html
<a href="#" rel="popover" data-popover-content="#mypopover">my popover</a> <div id="mypopover" class="hide"> <div class="left_box"> <p><i class="fa fa-envelope"></i> email</p> <p><i class="fa fa-download"></i> download</p> <p><i class="fa fa-print"></i> print</p> </div> <div class="right_box"> <p>audit logs</p> </div> </div>
css
.popover {width:400px;} .left_box { width:50%; float:left; padding-left: 10px; border-right: 1px solid #ccc; } .right_box { width:50%; float:right; padding-left: 20px; }
jquery
$(document).ready(function(){ $(function(){ $('[rel="popover"]').popover({ container: 'body', html: true, content: function () { var clone = $($(this).data('popover-content')).clone(true).removeclass('hide'); return clone; } }).click(function(e) { e.preventdefault(); }); }); });
please include jquery , bootstrap.
Comments
Post a Comment