Teléfono y Whatsapp: 675 18 68 80

Diálogo jQuery que al confirmar nos lleva a una URL

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>