72 lines
2.3 KiB
HTML
72 lines
2.3 KiB
HTML
|
<!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>
|