[SOLUCIONADO] Intento crear un iframe pero no funciona

blancoarnau · #1 (**permalink**) 10/05/2014, 08:38

Hola a todos. Acabo de probar un pequeño código MUY sencillo pero no funciona. Se trata de la creación de un "iframe" con la dirección de la web que se escribe en un "input" de tipo "text". Echad un vistazo al JS:

Código Javascript:

Ver originalfunction activarweb(){
    var url = document.getElementById("text").value;
    var iFrame = document.createElement("iframe");
    iFrame.style.height = "100%";
    iFrame.style.width = "100%";
    iFrame.src = "http://" + url;
    document.body.appendChild(iFrame);
}

Y el HTML:

Código HTML:

Ver original<form>
<input type="text" id="text"><button onClick="activarweb()">Click</button>
</form>

¿Alguna idea?

caricatos · #2 (**permalink**) 10/05/2014, 08:51

Hola:

El tag Button es de tipo submit, (salvo en explorer, al menos en viejas versiones), así que estás enviando el formulario... debes añadirle el atributo adecuado: type="button"...

Supongo que ese es el problema... de todos modos otro consejo es que evites el nombre de etiquetas o atributos para las variables.

Saludos

blancoarnau · #3 (**permalink**) 10/05/2014, 08:59

Gracias por responder. He arreglado el problema pero ahora tengo otro. Si el iframe quiere redirigirse a otra dirección no puede porque "Refused to display 'https://www.google.es/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'."

¿Cómo puedo arreglar esto?

PHPeros · #4 (**permalink**) 10/05/2014, 09:05

En artículos dicen que debes añadir &output=embed a la url.

blancoarnau · #5 (**permalink**) 10/05/2014, 09:12

Lo he probado y me aparece en el iframe que no se ha encontrado la dirección. La dirección queda "http://www.google.es/&output=embed".

Gracias por la ayuda igualmente

¿Tiene algo que ver con PHP? Es que yo también he estado buscando y me aparecen cosas de PHP (yo desconozco este lenguaje).

Italico76 · #6 (**permalink**) 10/05/2014, 09:53

Google no se deja meter dentro de un iframe ;)

Código Javascript:

Ver original<html>
<script language="JavaScript">
function activarweb(  ) {
    var testFrame = document.createElement("IFRAME");
    testFrame.id = "testFrame";
    testFrame.src = "http://www.forosdelweb.com";
    testFrame.style.height = "100%";
    testFrame.style.width = "100%";
    document.body.appendChild(testFrame);
}
</script>
</head>
<body>
<p><input type="button" name="Submit" value="cargar"  onclick="activarweb()"/></p>
</body>
</html>

ForosDelWeb si

blancoarnau · #7 (**permalink**) 21/05/2014, 12:52

Gracias por la información.