pare mostrar formularios creo una ventana con javascript, el documento al que hago la llamada es este:
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 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">'), $objVentanaTitulo=$('<div class="clsVentanaTitulo">'); //agregamos el titulo establecido y el boton cerrar $objVentanaTitulo.append('<a href="" class="clsVentanaCerrar"><img src="/Imagenes/Iconos/Cancelar.png" width="17" height="17" border="0"</></a>'); $objVentanaTitulo.append('<a href="" class="clsVentanaEliminar"><img src="/Imagenes/Eliminar.png" width="16" height="16" border="0"</></a>'); $objVentanaTitulo.append('<a href="" class="clsVentanaEditar"><img src="/Imagenes/Editar.png" width="16" height="16" border="0"</></a>'); $objVentanaTitulo.append('<strong>'+strTitulo+'</strong>'); //$objVentanaTitulo.append('<a href="" class="clsVentanaCerrar"><img src="/Plan_Agenda_Unica/cerrar.png"</></a>'); //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">'); //agregamos un iframe y en el source colocamos la pagina que queremos cargar ;) $objVentanaContenido.append('<iframe 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(); }) }); });
esto me crea una "ventana" (es un iframe estatico) sobre la pantalla original
Ahí dentro de este sitio pongo el formulario y en un sitio hago una llamada ajax
Código Javascript:
Ver original
<script> function borrador() { // Enviamos el formulario usando AJAX $.ajax({ type: 'POST', url: 'Filtros2.php', data: $('#DEAnivel12,#DEAnivel22,#DEAnivel32,#DEAnivel42'), // Mostramos un mensaje con la respuesta de PHP success: function(data) { $('#aquil').html(data);} }) return false; }; </script>
esto lo utilizo para que me actualice unos select (dependientes del select anterior), este metodo de actualización lo hago en otros sitios de la web y me sale a la perfeccion por lo que deduzco que es por el problema de la ventana del formulario, que puede estar pasando?