ribs-popup
Version:
This module is used to display popup box with ajax or inline content
33 lines (28 loc) • 1.09 kB
HTML
<html>
<head>
<title>RibsPopup</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../dist/css/style.min.css">
</head>
<body>
<a href="#" class="delete open-popup" data-ribspopup data-ajax="test-ajax.html" data-popup="popup-test">Supprimer ce compte</a>
<a class="delete open-popup" data-ribspopup data-href="http://anthony-pilloud.fr" data-popup="popup-test">Supprimer ce compte 1</a>
<div class="ribs-popup" id="popup-test">
<div class="content">
<div id="set-content">
<h2>Are you sure you want to delete this item ?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ad commodi corporis cupiditate explicabo<br/></p>
<p class="warning">You can go back if you delete !</p>
</div>
<div class="close" data-close>X</div>
<div class="link">
<a class="cancel" data-close>Cancel</a>
<a href="#" class="validate" data-validate>Validate</a>
</div>
<div class="clear"></div>
</div>
</div>
<script src="../dist/js/ribs-popup.js"></script>
</body>
</html>