Crear iframes dinámicamente mediante Javascript

5 COMENTARIOS - Publicado hace 38 meses - Clasificado en: JAVASCRIPT, IFRAMES

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.

Political Characters Icon Set

Swirl Mania en Illustrator & Photoshop

Footerama.com: un showcase de pies de pagina

Footerama.com: un showcase de pies de página

Ketchup: tomar notas de reuniones, de la forma más sencilla posible

50 hermosos y efectivos ejemplos de packaging

Baku

COMENTARIOS

Publicado hace 13 meses
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"

Publicado hace 13 meses
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.