Publicado em 29 de dez.

criar elemento iframe dinamicamente

Boa tarde, gostaria de saber como criar um elemento iframe dinamicamente e colocar o conteudo pela variavel. exemp:

var **TESTE** = "<html><head><body>exemplo de conteudo de site</bofy></head></html>";

 

var elemento = document.createElement('iframe');

??????????

e algo que me retorne:

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

klonder· 3 de jan.

Dentre as maneiras que penso serem capazes de existir, citarei duas delas aqui (que obviamente poderão ser modificadas para receberem parâmetros):

Através de variável:

<html>
<head>
<title>Criar iframe dinamicamente</title>

<script type="text/javascript">
function addFilho(){
var objDivPai = document.getElementById("pai");
var Teste = "<iframe id='TESTE' src='http://forum.imasters.com.br' style='width:200px; height:100px'></iframe>";
objDivPai.innerHTML = Teste;
}
</script>
</head>
<body>
<div id="pai"></div>
<br><br>
<a href="#" onclick="addFilho()">Adicionar elemento iFrame</a>
</body>
</html>

Através de criação dinâmica de campos (criando iframe dinamicamente):

<html>
<head>
<title>Criar iframe dinamicamente</title>

<script type="text/javascript">
function addFilho(){
var objDivPai = document.getElementById("pai");
//Criando o elemento DIV;
var objFilho1 = document.createElement("iframe");

//Definindo atributos ao objFilho1:

objFilho1.setAttribute("id","TESTE");
objFilho1.setAttribute("src","[http://www.imasters.com.br"](http://www.imasters.com.br));
objFilho1.setAttribute("style","width:200x; height:100px");

//Inserindo o elemento no pai:

objDivPai.appendChild(objFilho1);
}
</script>
</head>
<body>
<div id="pai"></div>
<br><br>
<a href="#" onclick="addFilho()">Adicionar elemento DIV</a>
</body>
</html>

androide· 4 de jan.

Fiz um teste no codigo e está dando erro, não exibe o conteudo, e retificando minha pergunta tem como com esse codigo o "id teste" receber o conteudo de um editor de texto tipo um textarea? esse pra mim seria o ponto.

androide· 4 de jan.

Desculpe o codigo estava certilho, erro meu, mas a minha pergunda ainda persiste, sobre colocar o conteudo de um textarea no id do codigo.

Holt· 4 de jan.

Poderias criar uma outra página com o conteúdo processado por php que exibisse isto...