Jump to content
Fórum Script Brasil
  • 0

Iframe Com Tamanha Adaptavel, Como Fazer?


_EDiCaRLoS
 Share

Question

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

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

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

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

  • 0

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!

Edited by Flavia Soul
Link to comment
Share on other sites

  • 0
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.

Link to comment
Share on other sites

  • 0

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.1k
    • Total Posts
      647.1k
×
×
  • Create New...