Ir para conteúdo

POWERED BY:

Arquivado

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

pyro_fire

Deixar iframe com 1005 em relação ao seu conteúdo.

Por , em Javascript

Recommended Posts

pyro_fire    0

pyro_fire
Postado

Estou com uma dúvida se existe como eu fazer o tamanho do meu iframe acompanhar o tamanho do seu conteúdo.

Como por exemplo: ao abrir a página o conteúdo do iframe é de 600px, porém conforme eu for navegar o seu conteúdo poderá ter de 400px a 1000px de altura. Existe alguma forma de deixar o seu valor variável? Tentei deixar o height em 100% mas não deu certo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Retornou algum erro de SCRIPT?

Verifique o console.

 

Somente via javascript você irá conseguir esse efeito.

Portanto moverei para uma area mais apropriada

 

movido de

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif javascript

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassitos    2

cassitos
Postado

bom. realmente está dando erro, mas não entrei em detalhes no script p/ descobrir onde está o problema...

tem este http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm, que também é auto-ajuste. MAS somente para páginas dentro do mesmo domínio onde a página com o Iframe está (ver observação na página do script).

 

Fiz uns testes com o script em questão e funcionou no FF3 e IE6 (não tenho o 7).

 

criei uma página chamada teste.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
bla bala balblab abla bl ablajb apoiu jroqkur piowqejrç asjeprawrwe
<div style="display:block;width:500px;height:400px; border-style:dotted; border-width:1px;"></div>

</body>
</html>

e funcionou, de fato chamando http://www.google.com.br por exemplo o script não funciona.

 

talvez não seja exatamente isto o que você precisa. mas acredito que uma boa estudada no script possa ser possível adaptar.

 

good luck

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

eu sei exatamente qual é o ERRO. É por que seria falha de segurança se pude-se pegar informações de um IFRAME.

A unica maneira seria algo assim:

 

frame.html

<script>
function WHFRAME(w,h){
var FrameWH = document.getElementById("iframe");
FrameWH.style.width = w+"px";
FrameWH.style.height = h+"px";
}
</script>

<iframe src="pagina.html" id="iframe"></iframe>

pagina.html

<script>
function ResizeWH(){
var w;
var h;

w = document.body.clientWidth;
h = document.body.clientHeight;
parent.WHFRAME(w,h);
}
</script>
CONTEUDO
fim da página:
<script>
ResizeWH();
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

na verdade já postei essa script duas vezes. XD

eu sabia já do negocio da segurança, porem quando vi o novo script:

http://www.kaali.co.uk/article-Cross-bowse...e-script-94.htm

 

pensei que fosse algum novo sistema.

Porem possui o problema da segurança.

Recomedo o que eu postei, só estou com um pequeno problema no Firefox, vou alterar o código e posto depois. ^^

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