Aprendemos a acceder desde un frame a otro distinto.
Lo más habitual a la hora de trabajar con frames es que desde una página que pertenece a un frame deseemos acceder a alguna propiedad o método vinculado con otro frame. Para ello tenemos que utilizar también la jerarquía de objetos del navegador.
En concreto utilizaremos la propiedad parent de los objetos frame, que nos da acceso a el objeto window donde está incluido ese frame. Así pues, el objeto que tenemos al acceder a la propiedad parent de un frame corresponde con el objeto window de la declaración de frames. A partir de ese objeto window podemos acceder a cualquier otro frame por la matriz de frames.
Así haríamos para acceder desde el cualquier frame al frame 1.
window.parent.frames[1]
Si quisiésemos acceder a la propiedad bgColor del documento alojado en el frame 1.
window.parent.frames[1].document.bgColor
Ahora veamos el código necesario para actualizar el contenido que se está visualizando en el frame 0, es decir, la URL que está mostrando.
window.parent.frames[0].location="nueva_url.html"
Ahora que ya sabemos referenciar desde un frame a cualquier otro, podremos hacer algún ejemplo interesante.
En concreto utilizaremos la propiedad parent de los objetos frame, que nos da acceso a el objeto window donde está incluido ese frame. Así pues, el objeto que tenemos al acceder a la propiedad parent de un frame corresponde con el objeto window de la declaración de frames. A partir de ese objeto window podemos acceder a cualquier otro frame por la matriz de frames.
Así haríamos para acceder desde el cualquier frame al frame 1.
window.parent.frames[1]
Nota: Recordar que los índices de los arrays en Javascript empiezan en 0, por lo que en este caso, el frame con índice 1 es el escrito en la declaración de frames en segunda posición. |
Si quisiésemos acceder a la propiedad bgColor del documento alojado en el frame 1.
window.parent.frames[1].document.bgColor
Ahora veamos el código necesario para actualizar el contenido que se está visualizando en el frame 0, es decir, la URL que está mostrando.
window.parent.frames[0].location="nueva_url.html"
Ahora que ya sabemos referenciar desde un frame a cualquier otro, podremos hacer algún ejemplo interesante.
Miguel Angel Alvarez
Fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Com...