jQuery UI dialog

<script>
$(function(){
	$("#dialog").dialog({
		autoOpen: false,
		modal: true
	});
});
 
$(".confirm-link").click(function(e) {
	e.preventDefault();
	var targetUrl = $(this).attr("href");
 
	$("#dialog").dialog({
		buttons : {
			"Confirm" : function() {
				window.location.href = targetUrl;
			},
			"Cancel" : function() {
				$(this).dialog("close");
			}
		}
	});
 
	$("#dialog").dialog("open");
});
</script>
<div id="dialog" title="Confirmation Required">
    Are you sure about this?
</div>
 
<a class="confirm-link" href="http://www.google.com/">Click here to go to google with confirmation</a>

Leave a Reply

Your email address will not be published. Required fields are marked *