Iframe dinâmico como proceder?

[Ebsturbius]

Já busquei vários meios de tornar o iframe dinâmico a tela e só achei um JavaScript completamente complicado pra fazer isso, a opção do HTML em 100% simplesmente não funciona na altura e na largura tem que estar em uma tabela, tem algum jeito de simplificar isso?

[DiF]

@Ebsturbius Não entendi direito quando você diz iframe dinâmico e só com javascript... O iframe é um elemento antigo e obsoleto. O CSS funciona com ele normalmente assim também se coloca-lo como parente de outro elemento.

 

Seria interessante você postar um exemplo de como tentou fazer,  da onde tirou os tais exemplos... informar o seu objetivo..

Hj em dia é mais prudente usar Div, section, article ou qualquer outro elemento estrutural e fazer o uso do ajax para popular estes elementos.

 

O iframe era muito usado para bypassar a técnica de upload( quando não permitia o ajax)  ou embedar sites.  HJ em dia pode ser usado a função load() do jQuery

[Ebsturbius]

O iframe se ajustar ao tamanho da tela do usuário quando sobra espaço, por que quando não sobra já ajusta pelos dados, mas mesmo havendo dados o iframe passa para scroll ao invés de ampliá-los.

[DiF]

@Ebsturbius Bom.. uma coisa você precisa ter em mente, SE o tal site que você está abrindo no iframe não for responsivo... nunca vai se adaptar mesmo.

 

O melhor que tens a fazer é sempre definir o width: com percentagem(%) para o elemento.

Veja no tópico que eu postei mais acima. Lá tem um exemplo no codepen de um iframe ajustável com CSS.

Redimensione a janela  e veja.

O nosso Fórum é responsivo, quando você diminui a tela ele se ajusta aquela resolução mostrando a versão mobile.. e se expandir a janela mostra a versão desktop. 

 

Para inserir a responsividade precisas aprender e atender as media queries do CSS 3.

Onde lá você define quais regras, tamanhos devem ser mostradas para as resoluções definidas.

[Ebsturbius]

Ok para largura já é possível, bastando colocar dentro de um outro complemento mais o da altura foi a lasca não vai de jeito nenhum passa pra scrolling. O Código Java que resolveu temporariamente, não quer funcionar mais.

<script language="JavaScript">
function iFrameHeight() {
if(document.getElementById && !(document.all)) {
h = document.getElementById('iframename').contentDocument.body.scrollHeight;
document.getElementById('iframename').style.height = h;
}
else if(document.all) {
h = document.frames('iframename').document.body.scrollHeight;
document.all.iframename.style.height = h;
}
}
</script>
---------------------------------------------------------------------------------------
<iframe onLoad="iFrameHeight();" src="base_home.htm" scrolling="auto" height="768" id="iframename" marginwidth="0" marginheight="0" frameborder="0" style="width:100%; height:auto;" name="imeio"></iframe>

 

[Ebsturbius]

Esse código que eu encontrei achei ele o melhorzinho deles, muito obrigado pela ajuda, mais estou procurando um mais simples ainda que não deva existir, em PHP por exemplo.

 

No entanto só achei códigos piores do que o que eu encontrei e citei aqui.