Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Actualizar iframe

Estas en el tema de Actualizar iframe en el foro de Javascript en Foros del Web. Hola a todos pare mostrar formularios creo una ventana con javascript, el documento al que hago la llamada es este: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : ...
  #1 (permalink)  
Antiguo 28/06/2013, 04:19
 
Fecha de Ingreso: marzo-2013
Mensajes: 83
Antigüedad: 11 años
Puntos: 0
Actualizar iframe

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
  1. $(function(){
  2.     //evento que se produce al hacer clic en el boton cerrar de la ventana
  3.     $('.clsVentanaCerrar').live('click',function(eEvento){
  4.         //prevenimos el comportamiento normal del enlace
  5.         eEvento.preventDefault();
  6.         //buscamos la ventana padre (del boton "cerrar")
  7.         var $objVentana=$($(this).parents().get(1));
  8.         //cerramos la ventana suavemente
  9.         $objVentana.fadeOut(300,function(){
  10.             //eliminamos la ventana del DOM
  11.             $(this).remove();
  12.             //ocultamos el overlay suavemente
  13.             $('#divOverlay').fadeOut(500,function(){
  14.                 //eliminamos el overlay del DOM
  15.                 $(this).remove();
  16.             });
  17.         });
  18.     });
  19.    
  20.     $('.clsVentanaIFrame').on('click',function(eEvento){
  21.         //prevenir el comportamiento normal del enlace
  22.         eEvento.preventDefault();
  23.         //obtenemos la pagina que queremos cargar en la ventana y el titulo
  24.         var strPagina=$(this).attr('href'), strTitulo=$(this).attr('rel');
  25.        
  26.         //creamos la nueva ventana para mostrar el contenido y la capa para el titulo
  27.         var $objVentana=$('<div class="clsVentana">'), $objVentanaTitulo=$('<div class="clsVentanaTitulo">');
  28.        
  29.         //agregamos el titulo establecido y el boton cerrar
  30.  
  31.         $objVentanaTitulo.append('<a href="" class="clsVentanaCerrar"><img src="/Imagenes/Iconos/Cancelar.png" width="17" height="17" border="0"</></a>');
  32.         $objVentanaTitulo.append('<a href="" class="clsVentanaEliminar"><img src="/Imagenes/Eliminar.png" width="16" height="16" border="0"</></a>');
  33.         $objVentanaTitulo.append('<a href="" class="clsVentanaEditar"><img src="/Imagenes/Editar.png" width="16" height="16" border="0"</></a>');
  34.         $objVentanaTitulo.append('<strong>'+strTitulo+'</strong>');
  35.  
  36.         //$objVentanaTitulo.append('<a href="" class="clsVentanaCerrar"><img src="/Plan_Agenda_Unica/cerrar.png"</></a>');
  37.        
  38.         //agregamos la capa de titulo a la ventana
  39.         $objVentana.append($objVentanaTitulo);
  40.        
  41.         //creamos la capa que va a mostrar el contenido
  42.         var $objVentanaContenido=$('<div class="clsVentanaContenido">');
  43.        
  44.         //agregamos un iframe y en el source colocamos la pagina que queremos cargar ;)
  45.         $objVentanaContenido.append('<iframe src="'+strPagina+'">')
  46.        
  47.         //agregamos la capa de contenido a la ventana
  48.         $objVentana.append($objVentanaContenido);
  49.        
  50.         //creamos el overlay con sus propiedades css y lo agregamos al body
  51.         var $objOverlay=$('<div id="divOverlay">').css({
  52.             opacity: .5,
  53.             display: 'none'
  54.         });
  55.         $('body').append($objOverlay);
  56.        
  57.         //animamos el overlay y cuando su animacion termina seguimos con la ventana
  58.         $objOverlay.fadeIn(function(){
  59.             //agregamos la nueva ventana al body
  60.             $('body').append($objVentana);
  61.             //mostramos la ventana suavemente ;)
  62.             $objVentana.fadeIn();
  63.         })
  64.     });
  65. });

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
  1. <script>
  2. function borrador() {
  3.   // Enviamos el formulario usando AJAX
  4.     $.ajax({
  5.     type: 'POST',
  6.     url: 'Filtros2.php',
  7.     data: $('#DEAnivel12,#DEAnivel22,#DEAnivel32,#DEAnivel42'),
  8.     // Mostramos un mensaje con la respuesta de PHP
  9.     success: function(data) {
  10.         $('#aquil').html(data);}
  11.     })        
  12.     return false;
  13. };
  14. </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?
  #2 (permalink)  
Antiguo 28/06/2013, 07:41
 
Fecha de Ingreso: marzo-2013
Mensajes: 83
Antigüedad: 11 años
Puntos: 0
Respuesta: Actualizar iframe

No tenía cargada jquery, vaya cagada...

Última edición por joselegolas; 06/07/2013 a las 20:23

Etiquetas: ajax, iframe
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:15.