Código HTML:
<link type="text/css" href="css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript"> $(function(){ // Dialog $('#dialog').dialog({ autoOpen: false, width: 600, modal: true, buttons: { "Ok": function() { $(this).dialog("close"); }, "Cancelar": function() { $(this).dialog("close"); } } }); // Dialog Link $('#dialog_link').click(function(){ $('#dialog').dialog('open'); return false; }); //hover states on the static widgets $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script>
Código HTML:
<label> <input type="submit" id="dialog_link" class="ui-state-default ui-corner-all" style="margin:40px 0px 5px 0px"/> </label> <div id="dialog" title="Atencion"> <p>¿Esta seguro que desea realizar esta accion?</p> </div>