Con este sencillo código, es posible mostrar un diálogo al pulsar ‘Abrir dialogo’, y que al pulsar ‘Si’, nos redirija a una URL determinada. Si se pulsa ‘No’, desaparece. Está implementado en JQuery y HTML.
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Dialogo JQuery</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$("#abredialogo").click(function() {
var targetUrl = $(this).attr("value");
$("#dialog").dialog({
autoOpen: false,
buttons : {
"Si" : function() {
window.location.href = targetUrl;
},
"No" : function() {
$(this).dialog("close");
}
}
});
$( "#dialog" ).dialog( "open" );
});
});
</script>
</head>
<body>
<div id="dialog" title="Ir al sitio web" style="display:none">
<p>¿Está seguro de que quiere ir a sitioweb.com?</p>
</div>
<a value="http://www.sitioweb.com" id="abredialogo">Abrir dialogo</a>
</body>
</html>
Últimos comentarios