Hola a todos!, estoy teniendo un problema con jquery ui y recurro a usted porque nose mucho sobre java script por no decir nada y se que podran ayudarme, el tema es que tengo un formulario en donde coloque en el boton submit (es decir cuando hagan click para enviar el formulario) un dialogo del tipo jquery ui en el que aparece una advertencia con un boton aceptar y cancelar, el tema es que cuando apreto el boton aceptar no hace nada, se cierra el mensaje y no pasa nada, no hace es submit del formulario, creo saber donde esta el problema pero nose como resolverlo, tengo lo siguiente en el header:
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>
Y esto en el body:
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>
Desde ya muchas gracias por sus ayudas