<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
</head>
<body>
<script>
$.alert({
title: 'Hola mundo',
content: 'En un <strong>lugar</strong> de la Mancha',
boxWidth: '30%',
useBootstrap: false
});
$.confirm({
title: 'Confirmar',
content: 'En un lugar de la Mancha ¿deseas confirmar este texto?',
boxWidth: '30%',
useBootstrap: false,
buttons: {
Confirmar: function () {
$.alert('Confirmado');
},
Cancelar: function () {
$.alert('Cancelado');
},
Otro: {
text: 'Otro',
btnClass: 'btn-blue',
keys: ['enter', 'shift'],
action: function(){
$.alert('¿Otra cosa?');
}
}
}
});
</script>
</body>
</html>
Documentación:
https://craftpip.github.io/jquery-confirm/
Especial agradecimiento a Carlos Sierra García
No hay comentarios:
Publicar un comentario