Cerrar ventana modal

[joselegolas]

Hola a todos,

En el discurso normal de una web en php, tengo un botón tal como éste:

Código HTML:

<a href="Mostrar accion.php?idReunion=2" class="clsVentanaIFrame"tamano="G" rel="Detalle de la accion" title="Ver detalles"><img src="/Imagenes/Buscar.png"/></a>
 

el cual mediante javascript me genera un iframe, este es el código:

Código Javascript:

$(function(){
    //evento que se produce al hacer clic en el boton cerrar de la ventana
    $('.clsVentanaCerrar').live('click',function(eEvento){
        //prevenimos el comportamiento normal del enlace
        eEvento.preventDefault();
        //buscamos la ventana padre (del boton "cerrar")
        var $objVentana=$($(this).parents().get(1));
        //cerramos la ventana suavemente
        $objVentana.fadeOut(300,function(){
            //eliminamos la ventana del DOM
            $(this).remove();
            //ocultamos el overlay suavemente
            $('#divOverlay').fadeOut(500,function(){
                //eliminamos el overlay del DOM
                $(this).remove();
            });
        });
    });
    
    $('.clsVentanaIFrame').on('click',function(eEvento){
        //prevenir el comportamiento normal del enlace
        eEvento.preventDefault();
        //obtenemos la pagina que queremos cargar en la ventana y el titulo. esto es una anotación para pasar variables por GET-->+$('#Nombre').val()
        var strPagina=$(this).attr('href'), strTitulo=$(this).attr('rel');
        
        //creamos la nueva ventana para mostrar el contenido y la capa para el titulo
        var $objVentana=$('<div class="clsVentana'+$(this).attr('tamano')+'">'), $objVentanaTitulo=$('<div class="clsVentanaTitulo">');
        
        //agregamos el titulo establecido y el boton cerrar
 
        $objVentanaTitulo.append('<a href="" id="cerrar" class="clsVentanaCerrar"><img src="/Imagenes/Iconos/Cancelar.png" width="17" height="17" border="0"</></a>');
        $objVentanaTitulo.append('<a href="" id="Eliminar" class="clsVentanaEliminar"><img src="/Imagenes/Eliminar.png" width="16" height="16" border="0"</></a>');
        $objVentanaTitulo.append('<a href="" id="Editar" class="clsVentanaEditar"><img src="/Imagenes/Editar.png" width="16" height="16" border="0"</></a>');
        $objVentanaTitulo.append('<strong>'+strTitulo+'</strong>');
        
        //agregamos la capa de titulo a la ventana
        $objVentana.append($objVentanaTitulo);
        
        //creamos la capa que va a mostrar el contenido
        var $objVentanaContenido=$('<div class="clsVentanaContenido'+$(this).attr('tamano')+'">');
        
        //agregamos un iframe y en el source colocamos la pagina que queremos cargar ;)
        $objVentanaContenido.append('<iframe name="EsIframe" name="EsIframe" src="'+strPagina+'">')
        
        //agregamos la capa de contenido a la ventana
        $objVentana.append($objVentanaContenido);
        
        //creamos el overlay con sus propiedades css y lo agregamos al body
        var $objOverlay=$('<div id="divOverlay">').css({
            opacity: .5,
            display: 'none'
        });
        $('body').append($objOverlay);
        
        //animamos el overlay y cuando su animacion termina seguimos con la ventana
        $objOverlay.fadeIn(function(){
            //agregamos la nueva ventana al body
            $('body').append($objVentana);
            //mostramos la ventana suavemente ;)
            $objVentana.fadeIn();
        })
    });
});
 

Como veis, tengo un botón de cerrar esta ventana modal con clase (class="clsVentanaCerrar"), que si hago click sobre el, efectivamente me la cierra, pero resulta que dentro de esta ventana modal, hago una llamada a Ajax (guardar accion.php) para que me guarde el formulario, así que lo que quiero es que al terminar de guardar el formulario, la ventana modal se cierre automáticamente, he provado insertando el siguiente código al final de "guardar accion.php"

Código Javascript:

$('.clsVentanaCerrar').click ();
 

e incluso este si resultado también

Código Javascript:

$('.clsVentanaCerrar').trigger('click');
 

[SathyaSanles]

No veo la llamada ajax, pero si la haces con jquery, tenes la opcion del ejecutar una accion al finalizar la peticion. Ahi pondría el cerrar :D

[joselegolas]

Si la hago con jquery de la siguiente forma

Código Javascript:

<script>
function Actualizar(N,E) {
    $.ajax({
    type: 'POST',
    url: 'Filtros.php?N='+N+'&Salir='+E,
    data: $('#DEAnivel1,#DEAnivel2,#DEAnivel3,#DEAnivel4,#DEAreunion,#Responsable'),
    success: function(data) {$('#aquia').html(data);$('.clsVentanaCerrar').click ();}})        
    return false; }; 
</script>
 

También e intentado hacer un iFrame y al final del iframe poner

Código Javascript:

<script> $('.clsVentanaCerrar').click (); </script>
 

Que tampoco ha dado resultado, ya no se que más hacer...

[way2park]

Proba con esto

Código PHP:

    <script language="javascript"> 
alert("Registro Guardado con exito"); 
var $jQuery=window.parent.$; 
$jQuery('body').find('.clsVentanaCerrar').trigger('click'); 
window.parent.actualizar(); 
</script  
   

Hay algunos pasos adicionales en el codigo que te pase.
Avisa del registro guardado y actualiza el padre con el nuevo dato.

Fijate si te sirve.