Hola a todos,
En el discurso normal de una web en php, tengo un botón tal como éste:
Código HTML:
Ver original<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
:
Ver original$(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
:
Ver original$('.clsVentanaCerrar').click ();
e incluso este si resultado también
Código Javascript
:
Ver original$('.clsVentanaCerrar').trigger('click');