Javascript
function prepareFrame() {
if (document.incluir.balancete_arquivo.value != ""){
var ifrm = document.createElement("iframe");
ifrm.setAttribute("src", "<%=BARRASTATUS%>");
ifrm.style.width = "400px";
ifrm.style.height = "150px";
document.body.appendChild(ifrm);
}
}
HTML
<button type="button" onclick="prepareFrame()">Criar iframe</button>
Para criar o iframe no local exato:
function prepareFrame() {
var ifrm = document.createElement("iframe");
ifrm.setAttribute("src", "radioalfa2233.htm");
ifrm.style.width = "400px";
ifrm.style.height = "150px";
//o iframe será criado antes da div de id = divqq
var divReferencia = document.getElementById("divqq");
// adiciona o novo elemento criado e seu conteúdo ao DOM
document.body.insertBefore(ifrm, divReferencia);
}
e no HTML insira essa div <div id="divqq"></div>
no local exato onde o iframe deva ser criado
Caso queira esconder o button após clicado
acrescente essa linha dentro do if
no script
document.getElementById('bt').style.display = 'none';
e o id no button <button id="bt"....
- A função
createElement()
criará um elemento HTML para ser inserido em um documento HTML
- Aparentemente, a função
createElement()
não surte efeito algum, precisamos aplicar o método appendChild()
para que o elemento seja, efetivamente, inserido ao documento HTML e fique visível ao usuário.