Redimensionar Div

[R. Mustang 0]

Galera o problema é esse:

 

Tenho uma <div>, dentro dela tem um <iframe>, e a página que abriga o <iframe> tem um banner expansivel.

Bom, no momento que eu dou o onMouseOver em cima do banner ele expande e ai a div corta ele...

Existe um meio de capturar o novo heigth do superbanner e passar como parâmetro em uma função q redimensionaria a div em questão sem precisar fazer uma nova requizição na página?

 

 

Desde já agradeço

[Raficcha 1]

tente utilizar algumas propriedades do css

 

 

"min-width" para FF e width para IE....

 

e propriedade min-width é uma propriedade pouco conhecida do css, funciona perfeitamente em FF e é muito util.

 

bom..mais uma vez o IE esta ignorando essa propriedade...

[R. Mustang 0]

ACHEI(Adptei) UMA MAS N'AO ROLA NO FF

 

<script language="JavaScript" type="text/javascript">

function atualizaIframe()

{

if(navigator.appName.indexOf("Internet Explorer")>-1)

{

var tamanho = document.getElementById("container").offsetHeight;

parent.document.getElementById("iFrameNews").style.height = (tamanho+15);

}

 

else

{

var val = (document.getElementById("container").offsetHeight);

opener.parent.document.getElementById("iFrameNews").style.height = val;

}

}

</script>

[R. Mustang 0]

Consegui......weeeeeeeeee

 

<script language="JavaScript" type="text/javascript">

function atualizaIframe()

{

if(navigator.appName.indexOf("Internet Explorer")>-1)

{

parent.document.getElementById("iFrameNews").style.height = ((document.getElementById("container").offsetHeight)+15);

}

 

else

{

parent.document.getElementById("iFrameNews").height = (document.getElementById("container").offsetHeight+15);

}

}

</script>

 

Agora só mais uma dúvida? como eu expando o banner sem empurrar os demais conteudos abaixo dele?

[R. Mustang 0]

Consegui....=)

Joguei o <iframe> dentro de uma <div> e setei ela com posição absoluta e float:none e o <iframe> com posição relevante.

 

Mas ainda falta um pequeno detalhe....como o evento está no onMouseOver, como eu faço para voltar as dimensões ao estado padrão?

[R. Mustang 0]

ACHEIIII....ERA O onMouseOut

Index:

<div style="position:fixed;float:none">

<iframe width="728" height="80" src="teste.html" frameborder="0" scrolling="no" id="iFrameNews" style="position:relative"></iframe>

</div>

 

Página do Iframe:

 

<script language="JavaScript" type="text/javascript">

function atualizaIframe()

{

if(navigator.appName.indexOf("Internet Explorer")>-1)

{

parent.document.getElementById("iFrameNews").style.height = ((document.getElementById("container").offsetHeight)+15);

}

 

else

{

parent.document.getElementById("iFrameNews").height = (document.getElementById("container").offsetHeight+15);

}

}

function reduzIframe()

{

if(navigator.appName.indexOf("Internet Explorer")>-1)

{ parent.document.getElementById("iFrameNews").style.height = 90; }

 

else

{parent.document.getElementById("iFrameNews").height = 90; }

}

</script>

<div id="container" onMouseOver="atualizaIframe()" style="float:none" onMouseOut="reduzIframe()">

<!-- SuperBanner aqui-->

</div>