150 replies to this topic

[Magic Angel]

Ok! Maravilha!
Ótimo script.. mas.. e para frames?
Creio que não seria a mesma coisa.. ou seria?
Se for, acho que não estou aplicando corretamente.
Como proceder?
Tnks dsd já ;]

edit:

Coloquei iframes dentro de meus frames, a estrutura fica a seguinte:

página index
frameset
- frame lateral sem conteúdo
- frame a página em si
- frame lateral sem conteúdo
[para centralizar a página em qlqr dimensão]

página central
frameset
- frame cabeçalho
frameset colunas
---- frame esquerda
---- frame centro
---- frame direita
- frame rodapé

página coluna da esquerda
- iframe para o conteúdo

página coluna do centro
- iframe para o conteúdo

página coluna da direita
- iframe para o conteúdo

conteúdo da coluna da esquerda
- todo o conteúdo dentro da tag div com id; javascript fora da tag div, dentro do body

conteúdo da coluna do centro
- todo o conteúdo dentro da tag div com id; javascript fora da tag div, dentro do body

conteúdo da coluna da direita
- todo o conteúdo dentro da tag div com id; javascript fora da tag div, dentro do body

O problema é que não redimensiona, e eu acho que a causa é o frame do rodapé. Só queria que ele ficasse em frame também, para não carregar a cada nova página aberta, como o banner.
E esses caminhos extensos para chegar à página são apenas meios de organização, e facilidade para edição depois =]

Edição feita por: Magic Angel, 29/05/2007, 11:31.

[gersonab]

Gente, espetacular este script, para mim funciona quase que perfeitamente, " Quase ", meu problema é quando abro a página pela primeira vez ou recarrego a mesma, o iframe fica pequeno , porém ao clicar em qualquer link do menu a situação normaliza, inclusive para a página inicial .
Ja pesquisei em todas as páginas deste tópico , acredito que a solução seja esta :
--------------------
Bom,
isso pode acontecer caso as imagens ainda não tenham sido completamente carregadas, isto é, sua altura final ainda não tenha sido assumida.

Dois workarounds para isso:

1- (preferencial) Definir a altura de todas as imagens.
2- Fazer o ajuste da altura onload. Se ainda não der certo, tente fazer 1 segundo após o onload. (setTimeout no onload)
-----------------------
Tenho todas as imagens com alturas definidas, entendo pouco de java poderiam ser mais específicos quanto a segunda opção .

[puro osso sinistro]

Klaus. Por que: + 40; //40: Margem Superior e Inferior, somadas?????


Eu preciso que o iframe seja 100% largura e 100% altura... o que iria no loguar do 40?

[Murakami]

Pessoal eu tenho um IFRAME , fiz o codigo do Klaus e não deu certo. Qdo Coloco o Height 100% ele fica tudo branco
Somente com a Barra de Rolagem ao lado.


Onde estou errando ?


Obrigado

PS: Index é onde está o IFRAME, e Molduras.htm é onde estou setando a altura, porém dentro de molduras tenho um frameset, isso pode ter dado o problema ?

A princípio meu Form Principal que contem o IFRAME, não recebe o parâmetro de altura vindo do form filho.
Porque será ?


Me ajudem !!!

anderson@coocam.com.br

A página molduras.html tem um frameset dentro, um para o menu em flash e outro para a pagina, para não ficar carregadno toda hora o flash.
Mas qdo eu mudo de uma página para outra, ele não redimensiona.
Montei o codigo do Klaus e funciona, sem o frameset, mas com o frameset não funciona.

Pq será ?

[Gottsohn]

Caaaaaaaaaara!

parabéns!

vc é mto F***!!!

parabéns mesmo, esse script é genial e eu estava prêcisando muito disso prá minha web page q usa muito iframe lol


muito bom valeu!

[lucianoqv]

seguinte , sou bastante iniciante!


no meu ta dando o seguinte erro no script
parent.document.getElementByld(...)' é nulo ou nao é um objeto

ta dando esse erro nesse cod
<script language="JavaScript" type="text/javascript">
parent.document.getElementById("klaus").height = document.getElementById("tamanho").scrollHeight + 40;
//40: Margem Superior e Inferior, somadas</script>

se algum puder ajudar!

[jhou86]

Pode ser que descofigure a pagina sim.. para evitar isso, vc tem que mexer nas tabelas do teu site para que quando elas aumentem, elas não desconfigure o resto da pagina...

Sobre a sua duvida..
No menu vc não precisar colocar nada, apenas o link nomal (como ja deve estar)..
vc so precisar mexer na tag do iframe e nas paginas que vao abrir dentro do iframe ..

Leia na primeira pagina
http://forum.wmonlin...o...=60551&st=0
o que o Klaus explicou...

vc so vai precisar colocar o id na tag do iframe <iframe src="..." id=" ?? "

e nas paginas que vao abrir dentro do iframe colocar isso no inicio de tudo

<div id="tamanho">

e no fim de tudo

<script language="JavaScript" type="text/javascript">
  parent.document.getElementById("klaus").height = document.getElementById("tamanho").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
</script>

</div>

qualquer duvida volte a postar!

Depois do post do usuário Alex Hiroshi finalmente eu consegui...foi mais explicado=P (sou novo na área)
Obrigado gente, obrigado Alex

[:. WebGirL .:]

Tem como ao abrir o link do menú de um site usando iframe mude o endereço da barra do navegador? Por exemplo, ao abrir "Downloads" o endereço do navegador fique: www.site.com/downloads.html e não fique só o endereço do site puro?

Edição feita por: :. WebGirL .:, 24/07/2008, 23:57.

[GDesigner]

Olá amigos..

Depois de uma kebras de kbça consegui fazer com que esse tutorial desse certo...não sei pq mas o misterio aki estava no posicionamento do script nas pagina que eram carregadas dentro do iframe...pois quando inseria o script no inicio da pagina não funcionava..dai inseri no finalzinho..lah depois do fechamento da <div = tamanho>...funcionou legal..o meu iframe tah se justando a qualquer página que carregue nele (que contenha o script é claro).

mas surgiu um probleminha xato..quando vc retorna às paginas antes visitadas que contem o script, ela não volta ao seu estado normal e fica do tamanho anterior..

ou seja...eu acesso minha index...que eh é pequena...dai clico num link que puxa no iframe uma pagina X, que é maior...ela se ajusta perfeitamente...mais se voltar para a index ela continua do tamanho da pagina X...além disso acontece uma coisa estranha... a index se solta do topo e desce pro meio...

por favor se alguem tiver alguma solução que post ai pra gente...

grato.

[Lucas Constantino]

iFrame Auto Ajustável, Finalmente...

Aaaah!, se isso fosse metade verdade!

Galera, prazer, meu nome é Lucas, sou novo aqui no fórum... e, como a maioria provavelmente, cheguei procurando uma resolução pro meu problema:

Meu iFrame bonitão resolve aparecer perfeitamente bem no FireFox 3.0, mas reluta insistentemente atender aos chamados do Internet Explorer 6.0! Aaaargh! Sim, eu sei que a maioria de vocês relataram que o Firefox dava mais problemas ne código que o IE, mas pra mim foi o oposto. Bom, segue o código aí:


"index.html", a página que exibe o iFrame pronto:

<div id="main">

<iframe id="mainframe" name="mainframe" src="home.html" width="541" height="100%" frameborder="0" border="0" scrolling="no"></iframe>
		  
		  </div>

"home.html", a página onde está o bendito iFrame, o conteúdo do bixinho:

<div id="container">
  <div id="titulo">.:: PRINCIPAL</div>
  
  <div id="texto">
  
  <p>SLPG Advogados Associados. -Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página--Conteúdo da página-</p>

  </div><!-- close div "texto" -->

</div><!-- close div "container" -->

&lt;script language="JavaScript" type="text/javascript">
  parent.document.getElementById("mainframe").height = document.getElementById("container").offsetHeight
</script>

Como podem perceber, meu iFrame mostra uma DIV "container" que contém duas DIVs, "titulo" e "texto". Não acho que as DIVs de dentro causam problemas, visto que a DIV "container" é a que eu uso no script.

Também podem ver que "mainframe" é o nome do meu iFrame e está corretamente escrito no script, assim como "container" é minha DIV que define o tamanho e está também corretamente escrita no script.

Então, me parece tudo perfeito... mas por que cargas d'água o bendito (xxxxxx) IE não consegue entender isso! aaaaargh!

Aí está a imagem que exibe no Firefox e no IE:

Firefox 3.0:


Internet Explorer 6.0:


Alguém pode me ajudar? POR FAVOOOOOR!

Obs.: Galera, sou completamente novo nesse treco de edição de sites. Ha duas semanas atráz eu nem sequer conhecia o Dreamweaver e o máximo código que eu escrevia era o de postagens nos Fóruns. Então tentem compreender se realmente meu problema for ridículo, mas eu acho que pra 4 semanas de treinamento fraco eu to até sabendo bastante dessas coisas estranhas...

Vlw!

[snow-flyer]

Ola pessoal sou novo aqui

Primeiro lugar desculpe ter desenterrado esse topido hehe mas não teve jeito

já rodei essa internet toda atras de um código iframe mas ate agora não achei nada
mas achei esse forum aqui que realmente parece ter uma galera que intende mesmo de iframe

bom o código que eu preciso é:
tenho que colocar uma iframe em minha pagina de 400 x 300
porem ele precisa mostrar apenas uma parte do site que vai abrir dentro dele (apenas o conteúdo que me interessa do site)

ate então achei que não era possível ( mas foi essa semana eu vi um site que o cara fez exatamente o que eu já estou tentando fazer a tempos
Tentei entrar em contado com o criador do site mas não tive sucesso

Bom o site é: http://www.oskaras.com
ele fez uma pagina para mandar SMS via internet (links de todas as operadoras)

(Tipo dentro da pagina dele tem o iframe que mostra apenas a parte do formulario de envio de SMS das operadoras)
http://oskaras.com/oi/

o que eu quero fazer é exatamente isso
porem não com as paginas das operadoras (e sim com outros conteudos da WEB)

Reparem que se vc pedir para abrir o conteudo do iframe em outra janela o site esta inteiro
mas no iframe dele ele o alinha para mostra apenas o conteudo que ele quis

alguem aqui pode me ajudar com esse codigo???
porfavor
preciso muito

[Patrick Hernandes]

Pra mim este post merece mais que um fixed!
Rodei muito a procura de um código e este de maneira simples resolveu meu problema!
Parabens pela solução desenvolvida!

Olá!

Após termos uma longa discussão, abordando este tema... Parece que cheguei ao resultado! Vejam como é simples. Até me surpreendi!

<iframe id="klaus" src="include.html" width="500" height="100%"></iframe>

Simples não? Agora a página que tem o conteúdo...

<!-- Coloquei algum texto aqui, para que exista barra de rolagem -->

<div id="tamanho">

<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>
<h1>Lorem Ipsum<h1>

</div>

<script language="JavaScript" type="text/javascript">
  parent.document.getElementById("klaus").height = document.getElementById("tamanho").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
</script>

Parte essencial do redimensionamento, pelo tamanho deste elemento, é que saberemos o tamanho da página...

O código de redimensionamento. Muito simples não?

Então, em resumo, o que é necessário é somente isto:

<iframe id="klaus" src="include.html" width="500" height="100%"></iframe>

A altura acima, é somente para exemplo... Pois o JS irá alterá-la, conforme for necessário...

==========

<script language="JavaScript" type="text/javascript">
  parent.document.getElementById("klaus").height = document.getElementById("tamanho").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
</script>

==========

<div id="tamanho">...</div>

Parece que ele deu a sorte de encontrar a url da pagina de sms que foi direcionada ao site original nao?
mas se foi criado o campo de envio na propria page ai fica complicado.

Ola pessoal sou novo aqui

Primeiro lugar desculpe ter desenterrado esse topido hehe mas não teve jeito

já rodei essa internet toda atras de um código iframe mas ate agora não achei nada
mas achei esse forum aqui que realmente parece ter uma galera que intende mesmo de iframe

bom o código que eu preciso é:
tenho que colocar uma iframe em minha pagina de 400 x 300
porem ele precisa mostrar apenas uma parte do site que vai abrir dentro dele (apenas o conteúdo que me interessa do site)

ate então achei que não era possível ( mas foi essa semana eu vi um site que o cara fez exatamente o que eu já estou tentando fazer a tempos
Tentei entrar em contado com o criador do site mas não tive sucesso

Bom o site é: http://www.oskaras.com
ele fez uma pagina para mandar SMS via internet (links de todas as operadoras)

(Tipo dentro da pagina dele tem o iframe que mostra apenas a parte do formulario de envio de SMS das operadoras)
http://oskaras.com/oi/

o que eu quero fazer é exatamente isso
porem não com as paginas das operadoras (e sim com outros conteudos da WEB)

Reparem que se vc pedir para abrir o conteudo do iframe em outra janela o site esta inteiro
mas no iframe dele ele o alinha para mostra apenas o conteudo que ele quis

alguem aqui pode me ajudar com esse codigo???
porfavor
preciso muito

[Zenner]

Povão.. é o seguinte..

Tudo aparentemente certo com o script de redimensionamnto até que coloquei no arquivo que é carregado no iframe uma imagem de 600 x 600 em png32 com 1.2mb (fiz de propósito pra testar uma coisa), e bingo o script da pau!!

pq??

Pq o script é executado antes mesmo da foto ser carregada por completo e aí biiiiiiiiiiiiii.. problema, ele redimensiona mas num tamanho menor que o da foto..

E agora José?

[littlemouse]

Alguém conseguiu fazer funcionar no google chrome????

[Patriciav]

Klaus,

Parabéns pelo código. E obrigada por dividir seu conhecimento.
Ele deu certinho para o que eu precisava.

abs,
Patricia