Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

22-04-2010 16:27

Olá galera blz, olha só encontrei um código que ajusta o iframe automáticamente.
Ele funciona legal no FireFox, Chorme, Opera e no I.E.

Só tó tendo um problema, quando jogo na minha pagina funciona em quase todos, mesmo no I.E.
Ai quando tiro do site funciona normal.
Gostaria de alguer dar alguma luz se tem como fazer algo para resolver.

Lembrando que no seu site funciona legal no FireFox, Chorme e Opera, já no I.E não aparece o iframe da o resultado do ajuste como 0

Vejam os códigos:

Pagina.htm
<style> *{ margin:0;padding:0; } #iframe{ overflow:hidden; } </style> <script> function WHFRAME(w,h){ var FrameWH = document.getElementById("iframe"); alert(h); FrameWH.style.width = (w)+"px"; FrameWH.style.height = h+"px"; } </script> <iframe src="iframe.html" id="iframe"></iframe>

Iframe.htm
<html> <head> <title>pagina</title> <style> *{ margin:0;padding:0; } html,body{ overflow:hidden; } #corpo{ width:990px; height:auto; } </style> <script type="text/javascript"> function ResizeWH(){ var w; var h; w = document.getElementById("corpo").clientWidth; h = document.getElementById("corpo").clientHeight; parent.WHFRAME(w,h); } </script> </head> <body> <div id="corpo"> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> </div> </body> <script> ResizeWH(); </script> </html>

Se alguém puder dar uma luz, pq já tentei de tudo e não rola no I.E dentro o site.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

22-04-2010 17:32

Provavelmente conflito, ou com um doctype que tenha na sua página, ou de CSS. Já testou tirando o doctype, e seu estilo? Faz uma página cópia de outra do site, e testa tirando esses elementos.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

22-04-2010 17:38

Estranho só no I.E que ta dando, mais irei dar uma olhada em todas as páginas que são puxadas para verificar.

Se conseguir posto o resultado, o script acima ta funcionando ok.
Att
Nill Ribeiro
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

22-04-2010 17:40

É, testei no IE aqui e funciona local, só o script, então acho que deve ser conflito com outra coisa.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

22-04-2010 17:47

Finalmente achei o que era, tinha um código do MSN para aparecer o botão avisando quando estivesse on line, ai tirei ele e fucionou, agora é achar o que ta dando conflito no código, rs.

Att
Nill Ribeiro
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

22-04-2010 17:50

Boa :-)
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

22-04-2010 20:47

Alguém pode ajudar em mais um dúvida, é o seguinte, abriu o frame e redimensionou blz, ai tem um link dentro deste frame, ao clicar, puxará a pagina dentro deste mesmo frame certo?

Como que faz com este código ai para ajustar também este link que abriu.
To tentando aqui, ele até da o resultado da largura, mais não ajusta,
Se alguém puder ajudar, agradeço.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

22-04-2010 21:01

O que faz redimensionar o arquivo é o trecho que fica no topo do arquivo aberto, o outro link tem esse script?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

22-04-2010 21:08

Sim, já fiz, não fucionou, ele só funciona com o iframe que puxa o inicial, vou tentar fazer um if aqui para ver se funciona.
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

22-04-2010 21:20

Pelo que vi aqui, ele fica com o valor da largura anterior, teria que ter um forma de fazer ele atualizar o iframe para puxar os novos dados.
Só que até o momento não consegui, tem ideia de como fazer isso?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

22-04-2010 21:45

Vou testar aqui e retorno.
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

22-04-2010 21:52

Testei aqui e rodou no IE e FF, fiz o seguinte:

teste1.html com a chamada do iframe

teste2.html, que é chamado pelo teste1.html

dentro do teste2.html, tem um link para chamar o teste3.html, que é uma cópia do teste2.html, só que com menas linhas.

Testei aqui e redimensionou o iframe certinho.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

22-04-2010 22:15

Bom tentei aqui e ainda não foi, vou zerar tudo aqui e fazer de novo para ver, acho que é porque tentei tantas formas, rs, que bagunçou um pouco, amanhã respondo se consegui, por enquanto valeu.

Att
Nill Ribeiro
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

22-04-2010 22:18

Blz.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

22-04-2010 22:23

Tu pudia postar ai da forma que fez para mim testar aqui, pq o meu tem um que redimensiona e outro não, estranho demais.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

22-04-2010 22:31

São 3 arquivos.

teste.html

<style> *{ margin:0;padding:0; } #iframe{ overflow:hidden; } </style> <script> function WHFRAME(w,h){ var FrameWH = document.getElementById("iframe"); alert(h); FrameWH.style.width = (w)+"px"; FrameWH.style.height = h+"px"; } </script> <iframe src="teste2.html" id="iframe"></iframe>

teste2.html

<html> <head> <title>pagina</title> <style> *{ margin:0;padding:0; } html,body{ overflow:hidden; } #corpo{ width:990px; height:auto; } </style> <script type="text/javascript"> function ResizeWH(){ var w; var h; w = document.getElementById("corpo").clientWidth; h = document.getElementById("corpo").clientHeight; parent.WHFRAME(w,h); } </script> </head> <body> <a href="teste3.html">teste3</a> <div id="corpo"> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> </div> </body> <script> ResizeWH(); </script> </html>

teste3.html

<html> <head> <title>pagina</title> <style> *{ margin:0;padding:0; } html,body{ overflow:hidden; } #corpo{ width:990px; height:auto; } </style> <script type="text/javascript"> function ResizeWH(){ var w; var h; w = document.getElementById("corpo").clientWidth; h = document.getElementById("corpo").clientHeight; parent.WHFRAME(w,h); } </script> </head> <body> <a href="teste2.html">teste2</a> <div id="corpo"> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> <p>Conteudo</p> </div> </body> <script> ResizeWH(); </script> </html>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

23-04-2010 08:51

Bom dia, bom ai já descobri mais uma coisa, rs, comparando com o seu script descobri o seguinte.

O meu link fica dentro da div corpo e o seu fica fora, agora explicando porque.

O meu esquema é o seguinte, puxa as informações de um banco de dados com os titulos das notícias e o link para ler a noticia, por isso ele deve ta dentro da div corpo, quando coloquei um link fora da div corpo ai redimensinou legal.

Agora teria como neste link dentro da div corpo anular o valor?
Há não uso um include, porque este esquema é para usar em outro site, blz.

Obrigado.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

23-04-2010 18:25

Eu fiz um teste aqui, colocando o link dentro da div, e não alterou o resultado, até porque o link continua carregando o arquivo, e no arquivo está aquele esquema do redimensionar.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

23-04-2010 19:02

É você tem razão, eu revi todo o código e notei que na pagina que tinha o iframe tinha uma div lá que tava dando o problema, tipo, ele tava puxando na página que puxa o iframe, como ela não atualiza ficava com a div, eu acho que era isso, se tiver falando besteira me desculpe, mais foi só tirar esta div de lá que ficou tudo normal agora.
Da forma que queria, muito obrigado mesmo pela ajuda.

Att
Nill Ribeiro
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

23-04-2010 19:38

Funcionando tá certo. :wink:
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

23-04-2010 21:54

Surgiu mais um problema, rodando no meu servidor ele roda normal, agora e gerar um código para colocar em outro site ele não funciona o redimensionamento, veja o código como fica, no servidor funciona, agora colocando em outro não:

<style> #iframe{ overflow:hidden; } </style> <script> function WHFRAME(w,h){ var FrameWH = document.getElementById("iframe"); FrameWH.style.width = (w)+"px"; FrameWH.style.height = h+"px"; } </script> <iframe src="http://www.agendadoradio.com.br/funcoes_para_sites/modulo_fofocas/modulo_fofocas.php?i=9" id="iframe" FRAMEBORDER="NO"></iframe>

Alguma dica?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

23-04-2010 22:09

Com certeza não vai funcionar, porque você tem que manipular o documento acessado, para colocar aqueles scripts para ocorrer o resize.
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

24-04-2010 08:28

Lembrei que já postei um artigo sobre iframe ajustável, e ele pega a altura do documento que está dentro do iframe. Pode ser que sirva no seu caso.

http://www.codigosnaweb.com/forum/Ifram ... 13_26.html
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 121

Dúvida com Iframe auto ajustavel

24-04-2010 10:47

To atualizando o código porque o acima não abre no I.E, agora com este abre em todos normal.


<style> *{ margin:0;padding:0; } html,body{ overflow:hidden; } #corpo{ width:422px; height:100%; } </style><script type="text/javascript"> function ResizeWH(){ var wwww; var hhhh; wwww = document.getElementById("corpo").clientWidth; hhhh = document.getElementById("corpo").clientHeight; parent.WHFRAME(wwww,hhhh); } </script> <body> <div id="corpo"> <script> function WHFRAME(wwww,hhhh){ var FrameWH = document.getElementById("iframe"); FrameWH.style.width = (wwww)+"px"; FrameWH.style.height = hhhh+"px"; } </script> <iframe src="http://www.agendadoradio.com.br/funcoes_para_sites/modulo_fofocas/modulo_fofocas.php?i=9" id="iframe" frameborder="no" align="center" height = "100%"></iframe> </div> </body> <script> ResizeWH(); </script>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida com Iframe auto ajustavel

24-04-2010 14:07

Boa.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]