Mis apuntes
Leonardo D. A. Allende Pasten

Interactuar con iframes

Hola, el siguiente es un pequeño tuto de como enviar y recibir valores a iframes.

Vamonos a la receta de cocina

1.-Para enviar variables de la página padre a campos de formulario de la página que esta dentro el iframe, realizar lo siguiente (Colocarlo en la pagina donde esta decalrado el ‘<iframe …></iframe>)’:

valor1=window.frames[‘<nombre_del_iframe>’];
valor1.document.forms[‘<nombre_de_form_que_se_invoca_con_iframe>’].elements[‘<nombre_campo>’].value=’GATO’;

2.-Para enviar valores desde la página que esta dentro del iframe a la página padre realizar lo siguiente(Colocarlo en la página invocada)

parent.document.getElementById(‘report’)=”Desde iframe a página padre”;

3.- Para invocar funciones a la pagina padre desde la que esta en el iframe(colocarlo en la pág. padre):

valor1=window.frames[‘autoresponder’];
valor1.<nombre_de_funcion>( );

Bueno eso es todo, a mi me fue util.

Anuncios

6 comentarios to “Interactuar con iframes”

  1. hola… interesante tuto.. necesito un script asi pues debo de enviar valores desde enlaces hacia un ifram y que cargue determinados datos.. pero tienes algun ejemplo de eso??

    saludos y gracias

  2. Está bastante bien el mini tutorial.

    Sólo se te ha olvidado comentar que esto:

    valor1=window.frames[‘autoresponder’];
    valor1.( );

    es para lanzar una función de la página que está dentro del iframe desde la página padre.

    Para hacer lo contrario, para llamar a una función de la ventana padre desde la hija, hay que hacer lo siguiente:

    parent.( );

    Un saludo.

  3. muchas gracias amigo, me fue de mucha utilidad

  4. compañero, muchisimas gracias, justo lo que necesitaba!!!!!

  5. Hey there would you mind letting me know which web host you’re using? I’ve loaded your blog in
    3 completely different internet browsers and I
    must say this blog loads a lot faster then most. Can you
    suggest a good hosting provider at a honest price?
    Kudos, I appreciate it!

  6. hola por favor me puedes ayudar? tengo una landing page a la cual le coloque un iframe, pero no interactua con la principal, por ejemplo en el iframe hay un boton de confirmacion o de descarga y al momento de darle click no hace la funcion que deberia hacer que es redireccionar


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: