Ir ao conteúdo
  • Cadastre-se

Iframe dinâmico como proceder?


Posts recomendados

  • Moderador

@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

Link para o comentário
Compartilhar em outros sites

  • Moderador

@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.

Link para o comentário
Compartilhar em outros sites

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>

 

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...