<script type="text/javascript"> jQuery(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>
