Ir para conteúdo
Fórum Script Brasil
  • 0

Iframe Com Tamanha Adaptavel, Como Fazer?


_EDiCaRLoS

Pergunta

: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 para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 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 para o comentário
Compartilhar em outros 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 para o comentário
Compartilhar em outros 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!

Editado por Flavia Soul
Link para o comentário
Compartilhar em outros sites

  • 0

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 para o comentário
Compartilhar em outros 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 para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...