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

- Imágenes con efecto polaroid usando JavaScript
- Validar CIF
- Activar-Desactivar campos con JavaScript
- Frases en diagonal con Javascript.
- ¿Carga rápido tu página?

- Versión imprimible de este documento

- Enviar por e-mail este documento