Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

androide

criar elemento iframe dinamicamente

Por , em Javascript

Recommended Posts

androide    0

androide
Postado

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:

 

<iframe id="TESTE" src="xxx" style="xxxx" ></iframe>

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

androide    0

androide
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito