javascript - jQuery plugin or jQuery with css for popup -


enter image description here

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