Hola a todos
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?