Buenas, quería saber cuál es el correcto funcionamiento de los Dialog en JQuery.
Es tema es el siguiente, en la página de un proyecto tengo el link a iniciar sesión y cuando le doy click quiero que aparezca una ventana modal con un form login.
Hasta ahora tengo:
Link de login y div que contiene la info de la ventana
Código HTML:
Ver original<div id="divDialog" title="Iniciar Sesión"> <form name="login" id="login"> <label> Clave:
</label><input type="password" name="password" id="password" /> <input type="button" id="btnOpen" value="Open">
login.js (definicón de la ventana)
Código Javascript
:
Ver original$(document).ready(function(){
$("#divDialog").dialog({
resizable: true,
autoOpen:false,
modal: true,
width:400,
height:400,
position: 'center',
buttons: {
'Continue': function() {
$(this).dialog('close');
alert('You clicked continue');
}, // end continue button
Cancel: function() {
$(this).dialog('close');
} //end cancel button
}//end buttons
});//end dialog
}); //end ready event
y el handler onclick
Código Javascript
:
Ver original$('#btnOpen').click(function(){
$('#divDialog').dialog('open');
});
Con todo esto definido, cuando le doy click al botón no funciona.
Alguien ya trabajo con esto ?
Agradecría cualquier tipo de centro jeje
Saludos y desde ya muchas gracias.