Iframe Com Tamanha Adaptavel, Como Fazer?

[_EDiCaRLoS]

:unsure: Boa noite amigos, estou precisando muito da ajuda de vocês, estou fazendo um site pra minha igreja, esta dando tudo certo, ele é bem básico, menu na esquerda conteudo do lado direito e logotipo no topo, só que na parte do conteúdo fiz um iframe, quando o visitante clica no menu o conteúdo abre do lado, só que agora estou com um problema, na página inicial que aparece no iframe ela tem 550 x 700px, já um dos links tem 550 x 600px o outro 550 x 880px, ai quando clico no link do conteúdo menor, fica sobrando uma parte em branco na parte de baixo, já no maior some uma parte do conteúdo, existe alguma possibilidade de fazer com que o iframe se adapte ao tamanho do link que sera mostrado???

Agradeço por toda a ajuda pessoal e fique com Deus

Até mais....

[fercosmig]

Edi,

trabalho muito com iframes aqui na empresa.. a solução que usei aqui foi fazer tudo do mesmo tamanho.. (do tamanho do meu iframe)

nunca ouvi falar em redimensionar o tamanho do conteúdo... e acho difícil que seja possível..

abraço

[Norivan Oliveira]

a unica adaptaçção que você pode fazer a essa tag é a ajustar seu tamanho à resolução do cliente ou a outro elemento dentro da pagina usando porcetagens, exemplo:

<table widht="550" height="750"><tr><td><iframe src="" width="90%"></iframe> </td></tr></table>

no exemplo acima você colocaria o iframe a 90% de 550x750

[Flavia Soul]

Hoje em dia existe o Iframe Dinâmico

Segura o código

Esse você coloca na página que será a base (index, default...) após a tag HEAD. ATENÇÃO NESSE SCRIPT PARA A MUDANÇA DO TARGET.

<script type="text/javascript">

/***********************************************
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["centro"]

//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers

function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}

function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}

function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}

function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}

if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller

</script>

Esse é o código do Iframe

<iframe id="nome do target" src="nomedapagina.htm" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none"></iframe>

Esse é o código que vai no botão

"java script:loadintoIframe('nome do target', 'nomedapagina.htm')

:lol:

funciona certinho!

Editado Setembro 6, 2007 por Flavia Soul

[Geleiaskt]

Pow, nunca precisei usar iframe. Sei lá, também não gosto.

A propriedade CSS overflow até agora supriu todas as minhas necessidades.

Pelo que o amigo citou do site dele, tenho quase certeza que utilizando a propriedade overflow ele resolve tudo sem precisar de iframes.

Flws galera!

[Guest Win2ksrv]

Não consegui fazer com que este iframe dinamico funcione, fiz da maneira que você falou, coloquei cada código no seu lugar, porem não consegui fazer funcionar, você pode me da mais umas dicas, vou lhe agradecer muito pela ajuda.

[Weber Miranda]

Flávia, eu fico muito grato por este script que você enviou.

Resolveu um problema que eu já estava tentando há muito tempo resolver e não havia tido sucesso.

Ah, realmente funciona direitinho.

Caso não tenha funcionado para alguém, preste atenção no seguinte:

- Posição do script na página: abaixo do HEAD;

- o id correto do iframe deve ser indicado na variável "iframeids";

- a função loadintoIframe deve ser chamada para reajustar o tamanho do frame.

Com gratidão, Weber Miranda.