update
This commit is contained in:
@@ -0,0 +1,72 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<style type="text/css">
|
||||
.popup-class{ width: 100%; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="fullback w-100 h-100">
|
||||
<div class="container h-100">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-12 text-center">
|
||||
<h1>Solo avanza</h1>
|
||||
<div class="btn btn-primary btn_pop">POP</div>
|
||||
<div class="btn btn-secondary btn_pop">POP</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<div class="d-none">
|
||||
<div id="pop0">
|
||||
<div class="container-fluid h-100">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-12 text-left">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
instruccion(6);
|
||||
$(".btn_pop").click(function(event) {
|
||||
/* Act on the event */
|
||||
var html = $("#pop0").html();
|
||||
Swal.fire({
|
||||
html: html,
|
||||
showCancelButton: false,
|
||||
showCloseButton: true,
|
||||
target: document.getElementById("wcontainer") ,
|
||||
customClass:{popup:'popup-class'},
|
||||
allowOutsideClick: false,
|
||||
allowEscapeKey: false,
|
||||
allowEnterKey: false,
|
||||
showConfirmButton: false,
|
||||
closeButtonHtml: '<div><img src="img/template/close.png"></div>',
|
||||
onBeforeOpen: function () {},
|
||||
onOpen: function () { instruccion(7); },
|
||||
onRender: function () {},
|
||||
onClose: function () {
|
||||
instruccion(1);
|
||||
},
|
||||
onAfterClose: function () {}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user