Crear iframes dinámicamente mediante Javascript

Comentarios 5 COMENTARIOS
Tags 15/01/2007 -  Tags ,

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);
}
}

Ver ejemplo en funcionamiento » »

También te puede interesar:

Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.

7 Poderosos carruseles de imágenes para diseñadores

7 Poderosos carruseles de imágenes para diseñadores

xpy

xpy

Calendar Eightysix

Eightysix Calendar

Smoking Woman

Smoking woman

Crear un efecto de líquido congelado

Crear un efecto de líquido congelado
Comentarios
1 AloMaximo
http://alomaximo.com

Como le puedo poner width 0 y height 0. La idea mia es enviarle una variable a ese iframe con java srcrip para que ese iframe procese ese variable y me mande una alerta. No quiero que el iframe se note ante la vista del visitante solo quiero que ese iframe envie la alrta diciendo por ejemplo "Lo sentimos, tu email ya ha sidop registrado anteriormente"
2 Francisco
http://www.webintenta.com

Hola, Para lo que quieres utilizar el iframe, lo mejor es que prescindas de ellos y utilices AJAX para este tipo de cosas.

Saludos.
3 navi

Como puedo poner href ala pagina con iframe dinámico que ha sido creado con javascript
4 Est

como puedo hacer que se refresque un contenido de una list en java
5 Luis

como puedo hacer que el iframe se pueda ver su codigo en un editor html que estoy creando
Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com