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.

2 Responses 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.


Leave a Reply