Crear iframes dinámicamente mediante Javascript

En ocasiones y por diversas razones, se nos puede plantear la necesidad de cargar contenido sin necesidad de recargar la página. En este caso AJAX es una solución que nos permite cargar el contenido dentro de un contenedor tipo <div> , por ejemplo. Pero también podemos cargar el contenido dentro de un iframe, que es especialmente útil a la hora de invocar contenidos de otro dominio sin necesidad de complicarnos con hacks cross-domain. Un ejemplo:

<html>
<head>
<script language="JavaScript">
function crearFrame( ) {
var testFrame = document.createElement("IFRAME");
testFrame.id = "testFrame";
testFrame.src = "http://www.google.es";
document.body.appendChild(testFrame);
}
</script>
</head>
<body>
<p><input type="button" name="Submit" value="cargar" onclick="crearFrame()"/></p>
</body>
</html>

Podemos añadirle propiedades de ancho, alto, etc al iframe para controlar mejor su apariencia. Si deseamos controlar que solo se cree el iframe una sola vez deberemos controlar que éste no exista previamente:

function crearFrame( ) {
var testFrame = document.createElement("IFRAME");
testFrame.id = "testFrame";
testFrame.src = "http://www.google.es";
var control = document.getElementById("testFrame")
if (control==null) {
document.body.appendChild(testFrame);
}
}

Autor: webintenta.com
http://www.webintenta.com/crear-iframes-dinamicamente-mediante-javascript.html

Usuarios que han visto este tema también han visto...

- JQuery: expandir y colapsar un div
- Secuencia de Imágenes
- Operadores especiales en JavaScript
- Estructuras de Control con JavaScript
- Abrir ventanas nuevas de forma no intrusiva en XHTML

- Versión imprimible de este documento

- Enviar por e-mail este documento