Outbook
HTML+CSS+JS, Accesibilidad, PHP y más
Inicio
Desarrollo web
Javascript
Javascript: Manipular DOM desde una página cargada dentro de un IFRAME
Javascript: Manipular DOM desde una página cargada dentro de un IFRAME
En alguna extraña ocasión nos podemos encontrar con la siguiente situación: necesitamos modificar el HTML de una página (en adelante Página 1) desde una página que se carga en un IFRAME (en adelante Página 2) de la Página 1.
Para lograr el éxito se utilizará window.parent.
Para rizar el rizo lo que insertaremos en la Página 1 será una capa con un IFRAME al clicar un enlace de la Página 2, y en ese IFRAME se abrirá la URL que contenga el href del enlace clicado (en adelante Página 3).
Este es el Javascript necesario, que irá en la Página 2 (necesita Jquery -enlace externo, en inglés-):
jQuery.noConflict();
jQuery(document).ready(function () {
var sup1 = new Superior();
sup1.inicia();
});
function Superior () {
this.datos = {
enlace: 'a.enlace',
destino: '#contenedor'
}
this.inicia = function () {
var that = this;
jQuery(that.datos.enlace).click(function () {
var ruta = jQuery(this).attr('href');
jQuery(that.datos.destino, window.parent.document).append('<div id="insertado"><iframe src="'+ruta+'" frameborder="0"></iframe></div>');
return false;
});
}
}
Artículos relacionados:
- Javascript: Actualización automática de CSS
- Ejecución de funciones Javascript a la carga del DOM (DOM Ready)
- Javascript: equivalencia de método ‘closest’ de Jquery en Prototype
- Javascript: Selección múltiple de campos checkbox con jQuery
- Jquery/Prototype: Posicionamiento de pie de página cuando la altura del área visible es mayor que la del documento
Datos del artículo:
- Publicado el Domingo 2 de mayo de 2010 a las 23:08
- Archivado en Desarrollo web, Javascript
- Etiquetas: Desarrollo web, Iframe, javascript, Jquery, Marcos
- Seguimiento de comentarios (RSS 2.0).
Comentarios del artículo
Puedes comentar o hacer trackback desde tu propio sitio web.
Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.
Todavía no hay comentarios.










