iframe reajustável com javascript

[Thyago Brasil 0]

Pessoal,

 

O que preciso é o seguinte.

 

Tenho um projeto asp.net, onde nesse projeto tenho duas divs: a div menu (onde tem um menu treeview) e a div colunadireita(onde vai o conteúdo da página (dentro de um iframe).

 

Na div menu, tem o CollapsiblePanelExtender que faz um efeito "cortina" no menu. Este efeito, faz com que o menu abra e feche verticalmente quando clicamos num botão. Quando fechamos o menu, consequentemente a largura da div diminui. Com ela diminuindo, gostaria que a largura do iframe aumentasse. Como eu faria isso no javascript?

 

Obrigado,

 

Thyago

[klonder 14]

(...) gostaria que a largura do iframe aumentasse. Como eu faria isso no javascript? (...)

 

Para aumentar o largura do iframe, você pode fazer como no código abaixo:

<script type="text/javascript">
function aumentar() {
var objIframe = document.getElementById("iframe1");
var largura = objIframe.offsetWidth;

objIframe.style.width = "400px";
}
</script>

<iframe id="iframe1" src="http://forum.imasters.com.br" 
width="200px" height="200px" scrolling="no" frameborder="0" marginheight="0" marginwidth="0">
</iframe>
<br><br>
<a href="javascript: aumentar()">Clique aqui para aumentar o iframe</a>
<br><br>Obs: Aguarde a página carregar dentro do iframe.