como cerrar ventana jquery dialog?

[mayid]

Mi pregunta es como cerrar automaticamente la ventana de dialogo jquery UI.

Se que con setTimeout funcionaria ok. Pero primero necesito saber como cerrar la ventanita de dialogo.

$("#dialog").dialog("close"); // no funciona

$("#dialog").hide(); // tampoco funciona.

Teniendo la funcion, esto quedaria asi:

setTimeout('$("#dialog").dialog("close");',1500);}

saben como hacerlo?

[juaniquillo]

que raro. se supone que dialog("close") lo cierre. te lo digo porque eso es lo que usa los botones que cierran los dialogs:

Código js:

buttons: {
    Ok: function() {
        $(this).dialog('close');
    }
}
 

Una pregunta, ¿por qué tienes '$("#dialog").dialog("close");' metidos en comillas simples? ¿eso no hace que se interprete como string?

[mayid]

Eso que decis es para que funcione dentro de setTimeout(). Ahora no probe sin comillas, pero creo que da error porque es una funcion bastante quisquillosa.

Editado: efectivamente, setTimeout() sin comillas simples da error.


Probe esto para ver si la ventana esta abierta y me devuelve undefined:
alert( $("#dialog").dialog( 'isOpen' ) );

O sea que no se puede operar con una ventanita abierta?

[juaniquillo]

Ya veo. Yo no se mucho de js así que no sabía lo de las comillas. se supone que puedas correr una función en el setTimeout, no? Por que no intentas:

Código js:

setTimeout("cerrarDialog()",1500);
 

Y luego haces una función que cierre el dialog. como te digo, estoy disparando al aire ya que no he usado setTimeout().

[mayid]

Gracias, pero no es ese el punto. Se trata de que aun en terreno liso no encuentro respuesta del dialog(). Por ejemplo:

$("#dialog").html("no hay ninguna foto seleccionada").dialog({resizable: false, draggable: false,autoOpen: false,title:'Error'}).dialog('open');

alert($("#dialog").dialog( 'isOpen' ));

$("#dialog").dialog( 'Close' )

Ninguno de estos segundos renglones funciona. Quizas porque los ejecuto muy enseguido al dialog('Open')?

[mayid]

Probe con tu sugerencia pero me da error Object expected. Cosa rara. Ni siquiera anulando las acciones anda:

function cerrar(){
/*$("#dialog").dialog( "close" );
alert($("#dialog").dialog( "isOpen" ));*/
};
setTimeout("cerrar()",500);


Tengo un proyecto con varios setTimeout() que usan comillas, y usan jquery dentro. Incluso tengo uno sin comillas. Y todo funciona.

Aqui el problema es que las funciones de dialog() no funcionan, y quiero retrasarlas un poco para ver si no es por llamarlas todas de corrido. Y ademas quiero que la ventanita esta un segundo o dos abierta antes de cerrarse.

[ManuelRHdotCL]

Al ejecutar alert($("#dialog").length);

que te muestra?

[juaniquillo]

pues que raro. me gustaría hacer algunas de esas pruebas ya que yo uso dialog en el interface del área administrativa de mi CMS, aunque en estos momentos tengo muy poco tiempo.

[mayid]

Al ejecutar

alert($("#dialog").length);

me devuelve 1

[mayid]

Estoy probando cerrar la ventana desde adentro, usando el evento open:

open: function(event, ui) { setTimeout("alert('anda'); $('this').dialog('close');",1500); }, draggable: false, etc etc.

Me hace el alert, pero no me cierra la ventana. Tampoco reemplazando $(this) por el nombre del div.

Ustedes usan un div para cada mensaje, o un solo div para todos los mensajes?

[mayid]

Me funciono en otra pagina.

Hice la prueba en otro lugar, que tiene una sola ventana dialog, y funciona. Quizas el problema este en que para un mismo div tengo pautados diferentes mensajes?

Esto anda:

$("#dialog").html(respuesta).dialog({ resizable: false, draggable: false, closeOnEscape: true, title: 'Llevar palabra a mi nube' , autoOpen: false, position: 'top'}).dialog('open');
setTimeout('$("#dialog").dialog("close");',1000);

[juaniquillo]

¿y el div es "dialog"? si es así, ¿quieres cerrar varios dialogs a la vez? Creo que sería mejor que pongas el HTML, ¿no? Ahora estoy bastante curioso.

[mayid]

Como dije, en otra pagina esta funcionando ok.

Mi html (el que no funciona) tiene esto:

<div id='dialog' title='Inicio de sesion'></div>
<div id='eliminar' title='Eliminar'></div>

El primero es el que recibe las respuestas del login y del registro de usuarios nuevos. Las respuestas pueden ser varias (ej: ya existe el nombre de usuario). Pero los dialog se abren solo al recibir una respuesta via ajax o json.

Respondiendo entonces a tu pregunta, no estoy cerrando varios dialog a la vez porque no los tengo inicializados.

El resto del "html" no tiene que ver con esto, que en realidad es jquery:

if (foto==undefined) {
$("#dialog").html("no hay ninguna foto seleccionada").dialog({resizable: false, open: function(event, ui) { setTimeout("$('#dialog').dialog('close');",1500); }, draggable: false,autoOpen: false, title:'Error'}).dialog('open');}

$("#dialog").html(descripcion).dialog({ resizable: false,
draggable: true,
closeOnEscape: true,
autoOpen: false,
position: 'center',
hide: "fadeOut",
title:'Edicion'}).dialog('open');

DIcho sea de paso, en la version nueva, que funciona, estuve probando la opcion hide : 'slide' y eso provoca que no pueda cerrar la ventanita. Probe varias sintaxis y varios efectos pero eso genera conflicto y no puedo cerrar la ventanita. Es decir, encontre otro problema con dialog, ya habiendo solucionado, a medias, el anterior.

[juaniquillo]

ya veo. solo tenía curiosidad del proceso que querías seguir. a mí también me ha dado problemas agregar efectos a las transiciones del dialog, aunque tampoco me ha dado tiempo de experimentar mucho con eso.