Jump to content


Photo

Iframe Auto Ajustável

Started By Klaus, 07/03/2004, 22:04

  • Faça o login para participar
150 replies to this topic

#46 Rodrigo

Rodrigo

    oi!

  • Usuários
  • 995 posts
  • Sexo:Não informado
  • Interesses:Diretório de sites - http://www.acheinobrasil.com.br

Posted 20/01/2005, 12:45

Neste final de semana, vou fazer alguns testes com várias páginas para tentar solucionar esses problemas.

se quiser um exemplo:

http://www.ideemobil...com.br/site.htm

clique em produtos, escolha cadeiras, e depois no menu, clique em serviços
Diretório de sites brasileiros - Achei no Brasil

#47 Rudá

Rudá

    Analista de Sistemas

  • Usuários
  • 392 posts
  • Sexo:Masculino
  • Localidade:Salvador, Bahia

Posted 20/01/2005, 13:15

Pq não tenta zerar depois pesquisa o valor.

Assim:

<script language="JavaScript" type="text/javascript">
if (document.getElementById("tamanho").scrollHeight>210)
{
parent.document.getElementById("centro").height = document.getElementById("tamanho").scrollHeight;
} else {
parent.document.getElementById("centro").height = 210;
}
document.getElementById("tamanho").scrollHeight = 0;
</script>
» Rudá Cunha
» http://www.ruda.com.br
» ruda@ruda.com.br

#48 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 23/01/2005, 06:32

Olá pessoal!

Fiz testes em IE6.0, Opera 7.54 e Firefox 1.0 com os seguintes arquivos:

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

<div style="position: absolute; top: 10px; right: 10px;">
<a href="large.html" target="foo">LARGER ONE</a> | <a href="small.html" target="foo">SMALL ONE</a>
</div>


<div id="tamanho">

<h1>Foo</h1>

</div>

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


<div id="tamanho">

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

<h1>Foo</h1>

</div>

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


Todos os testes de redução e ampliação do iframe foram bem sucessidos. Estranho...
Klaus Paiva
Conheça também: Taperás

#49 Rodrigo

Rodrigo

    oi!

  • Usuários
  • 995 posts
  • Sexo:Não informado
  • Interesses:Diretório de sites - http://www.acheinobrasil.com.br

Posted 24/01/2005, 09:17

Pq não tenta zerar depois pesquisa o valor.

Assim:

<script language="JavaScript" type="text/javascript">
if (document.getElementById("tamanho").scrollHeight>210)
{
parent.document.getElementById("centro").height = document.getElementById("tamanho").scrollHeight;
} else {
parent.document.getElementById("centro").height = 210;
}
document.getElementById("tamanho").scrollHeight = 0;
</script>

assim nao deu... mas consegui assim:

<script language="JavaScript" type="text/javascript">
document.getElementById("tamanho").scrollHeight = 210;
if (document.getElementById("tamanho").scrollHeight>210)
{
parent.document.getElementById("centro").height = document.getElementById("tamanho").scrollHeight;
} else {
parent.document.getElementById("centro").height = 210;
}
</script>

Diretório de sites brasileiros - Achei no Brasil

#50 pilpas

pilpas

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 24/02/2005, 16:27

Eu gostaria de saber se tem como a largura também funcionar.. porque eu adicionei mais uma linha só que não funcionou muito bem nao...quer dizer
aqui em casa sim (no computador local), mais no servidor, nao...

agradeço a ajuda!


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

#51 Tete

Tete

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 27/02/2005, 15:27

Olá! Eu tentei de várias formas mas eu não consegui por doreito.

Pagina inicial (onde quero que apareça o iframe)

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
<STYLE>
TEXTAREA {
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	BORDER-LEFT: #FFFFFF 1px solid; 
  BORDER-BOTTOM: #FFFFFF 1px solid; 
	FONT-SIZE: 10px; 
	FONT-FAMILY: verdana; 
	COLOR: #FFFFFF; 
	SCROLLBAR-FACE-COLOR: #000000; 
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
	SCROLLBAR-SHADOW-COLOR: #000000; 
	SCROLLBAR-3DLIGHT-COLOR: #000000; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	BACKGROUND-COLOR: #000000
}
INPUT {
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	BORDER-LEFT: #FFFFFF 1px solid; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	FONT-SIZE: 9px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #000000
}
BODY {
	FONT-SIZE: 9pt;
	COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana, Helvetica, Arial; 
	TEXT-DECORATION: none
}
BODY {
	SCROLLBAR-FACE-COLOR: #000000; 
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR:#000000; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR:  #000000;


}

A:link {

	COLOR:#FFFFFF; 
	TEXT-DECORATION: none
BORDER-BOTTOM: #FFFFFF 1px solid;
}
A:visited {

	COLOR:#FFFFFF; 
	TEXT-DECORATION: none
BORDER-BOTTOM: #FFFFFF 1px solid;
}
A:active {
COLOR:#FFFFFF; 
	TEXT-DECORATION: none
BORDER-BOTTOM: #FFFFFF 1px solid;
}
A:hover {

	COLOR: #FFFFFF;  
	BORDER-BOTTOM: #FFFFFF 1px dotted;
}
img {
	border: 0px;}
</STYLE>
</head>

<body bgcolor="#000000" text="#FFFFFF" background="http://geocities.yahoo.com.br/pocoestropicais/lin-1-PT.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:740px; height:700; z-index:1"><img src="http://geocities.yahoo.com.br/pocoestropicais/v-1-PT.jpg" width="740" height="700"></div>
<div id="Layer2" style="position:absolute; left:25px; top:310px; width:140px; height:282px; z-index:2; overflow: auto"> 
  <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pocoestropicais.blogspot.com" target="mundo">Home</a><br>
    <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/sobrenos.htm" target="mundo">Sobre 
    N&oacute;s</a><br>
    <a href="http://geocities.yahoo.com.br/pocoestropicais/interativo/sugestoes.htm" target="mundo">Sugest&otilde;es</a><br>
    <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/faq.htm" target="mundo">FAQ</a><br>
    <a href="http://forum-pt.board.dk3.com/2/" target="_blank">F&oacute;rum</a><br>
    <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/links.htm" target="mundo">Links</a><br>
    <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/creditos.htm" target="mundo">Cr&eacute;ditos</a><br>
    <br>
    <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/fanfics.htm" target="mundo">Fanfics</a><br>
  <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/songfics.htm" target="mundo">Songfics</a><br>
   <a href="http://geocities.yahoo.com.br/pocoestropicais/opiniao/colunistas.htm" target="mundo"> 
    Colunas</a><br>
    <a href="http://geocities.yahoo.com.br/pocoestropicais/opiniao/autocritica.htm" target="mundo">Auto-cr&iacute;tica</a><br>
    <br>
    <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/outros.htm">Outros</a></font></p>
  </div>
<div id="Layer3" style="position:absolute; left:30px; top:642px; width:130px; height:35px; z-index:3; overflow-x: hidden; overflow-y: auto; SCROLLBAR-FACE-COLOR: #000000; 
	SCROLLBAR-HIGHLIGHT-COLOR:#000000;
	SCROLLBAR-SHADOW-COLOR: #000000; 
	SCROLLBAR-3DLIGHT-COLOR:#000000; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR:  #000000;">
  <p><a href="http://www.portalracoegina.cjb.net"><img src="afiliados/portaldracoegina.gif" width="88" height="33" border="0"></a></p>
  <p><a href="http://www.edwigeshomepage.com"><img src="afiliados/edwigeshomepage.jpg" width="88" height="31" border="0"></a></p>
  <p><a href="http://www.edwigeshomepage.com/rhr"><img src="afiliados/jornalrh.gif" width="120" height="60" border="0"></a></p>
  <p><a href="http://www.armadadedumbledore.com"><img src="afiliados/adp.jpg" width="88" height="33" border="0"></a></p>
  <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><a href="http://www.portalavadakedavra.cjb.net"><img src="afiliados/avadakedavra.bmp" width="104" height="42" border="0"></a></font></p>
</div>
<div id="Layer4" style="position:absolute; left:195px; top:275px; width:520px; z-index:4 overflow:hidden">
<iframe style="FILTER: chroma (color=#000000)" name="mundo" src="http://pocoestropicais.weblogger.com.br/" width="520px" height="100%" frameborder="0"> </iframe>
</div>
</body>
</html>

Página dos iframes

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
  parent.document.getElementById("mundo").height = document.getElementById("tamanho").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
</script>
<STYLE>
TEXTAREA {
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	BORDER-LEFT: #FFFFFF 1px solid; 
  BORDER-BOTTOM: #FFFFFF 1px solid; 
	FONT-SIZE: 10px; 
	FONT-FAMILY: verdana; 
	COLOR: #FFFFFF; 
	SCROLLBAR-FACE-COLOR: #000000; 
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
	SCROLLBAR-SHADOW-COLOR: #000000; 
	SCROLLBAR-3DLIGHT-COLOR: #000000; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	BACKGROUND-COLOR: #000000
}
INPUT {
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	BORDER-LEFT: #FFFFFF 1px solid; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	FONT-SIZE: 9px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #000000
}
BODY {
	FONT-SIZE: 9pt;
	COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana, Helvetica, Arial; 
	TEXT-DECORATION: none
}
BODY {
	SCROLLBAR-FACE-COLOR: #000000; 
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR:#000000; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR:  #000000;


}

A:link {

	COLOR:#FFFFFF; 
	TEXT-DECORATION: none
BORDER-BOTTOM: #FFFFFF 1px solid;
}
A:visited {

	COLOR:#FFFFFF; 
	TEXT-DECORATION: none
BORDER-BOTTOM: #FFFFFF 1px solid;
}
A:active {
COLOR:#FFFFFF; 
	TEXT-DECORATION: none
BORDER-BOTTOM: #FFFFFF 1px solid;
}
A:hover {

	COLOR: #FFFFFF;  
	BORDER-BOTTOM: #FFFFFF 1px dotted;
}
img {
	border: 0px;}
</STYLE>
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body bgcolor="#000000" text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script language="JavaScript" type="text/javascript">
  parent.document.getElementById("mundo").height = document.getElementById("tamanho").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
</script><div id="tamanho">
  <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Insira seu texto aqui</font></p>
</div>
</body>
</html>


O que eu devo fazer?

#52 Allan-Sanches

Allan-Sanches

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 08/03/2005, 16:08

klaus seu codigo funfo perfeitamente, porém, estou com dois iframes na pagina, um rodapé e outro o topo, algumas vezes o topo não carrega, ele parece carregar mas a altura da linha da tabela onde se encontra o iframe fica zero de altura, parece que é uma questão de tempo, parece que quando carrega a tabela , ela ainda não obteve o resultado do "calculo" para o auto ajuste, feito pela pagina topo.htm que é carregada dentro do iframe, existe um jeito de fazer este iframe carregar antes da pagina principal, ou outra solução ?

meu 1º post :lol:
bem legal o forum vo fica por aki agora
sou Designer Gráfico da empresa anatec informática - webdesign
espero contar com a ajuda de todos e ajudar tb :)
para conferir textos ridículos e teorias bizarras -- visitem Lugar Nenhum

#53 Bittencourt

Bittencourt

    12 Horas

  • Usuários
  • 233 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro - RJ
  • Interesses:Linguagem PHP eternamente!!!!

Posted 26/05/2005, 12:50

Fala Galera!!!!

Tô meio perdido neste iframe ajustável e gostaria da ajuda de vocês...

Minha index.htm tem uma tabela onde vão parecer as outras paginas... Coloco então <iframe id="mek" src="principal.htm"></iframe>. Somente isso, certo???

Nas paginas que vão abrir neste iframe coloco isso...
1) Dentro do <head></head>:
<script language="JavaScript" type="text/javascript">
parent.document.getElementById("mek").height = document.getElementById("tamanho").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
</script>

2) Dentro do <body></body>:
<div id="tamanho">
<table>...conteúdo da pagina</table>
</div>

Meus links para chamar as paginas para o iframe fica assim
<a href="servicos.htm" target="mek">Serviços</a> ?????

Tô fazendo isso aí e não está dando certo. Estou testando no IE6... A pagina principal.htm não redimensiona e quando clico no link 'SERVICOS' ele abre outra janela do browser ao invés de abrir onde está a principal.htm

O que estou fazendo errado????

Edição feita por: Bittencourt, 26/05/2005, 12:54.

Marcos Bittencourt - Webdesign

#54 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 27/05/2005, 01:49

Sim, na tag <iframe> vc só precisa do ID, que vc usou como mek

Nas paginas que vão abrir neste iframe coloco isso...
1) Dentro do <head></head>:

Use esse script no fim das páginas que vão abrir no iframe.. depois da div que fecha o conteudo..

O 2 está certo, abre a div, coloque o conteudo e feche a div.. (y)

Os links são por sua conta, mas se vc está apontando os links para mek (target="mek") vc tem que dar um nome para o iframe tbm..

<iframe id="mek" name="mek" src="principal.htm"></iframe>


Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#55 Bittencourt

Bittencourt

    12 Horas

  • Usuários
  • 233 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro - RJ
  • Interesses:Linguagem PHP eternamente!!!!

Posted 27/05/2005, 14:39

Beleza xxALExx...

Consegui êxito nas mudanças....

Obrigado pela ajuda!!!!
Marcos Bittencourt - Webdesign

#56 Bittencourt

Bittencourt

    12 Horas

  • Usuários
  • 233 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro - RJ
  • Interesses:Linguagem PHP eternamente!!!!

Posted 01/06/2005, 16:22

Fala Galera!!!!

Desculpa está postando de novo, mas queria saber se alguém já tem algum site funcionando com este tipo de iframe para eu dar uma olhadinha....

Consegui fazer o meu, mas em todas as páginas fica no final um espaço tipo <br>, mas quando vou ver não consigo enxergar nada. As paginas não ficam totalmente "justas" no espaço. Se você pegar o mouse clicar e arrastar pra baixo, por exemplo, as paginas sobem um pouquinho...

É normal isso???? Se for tá tranquilo, se não devo está fazendo algo errado.

Taí a dúvida... se puderem ajudar....

Té Mais!!!
Marcos Bittencourt - Webdesign

#57 baruelfortal

baruelfortal

    Turista

  • Usuários
  • 32 posts
  • Sexo:Não informado

Posted 24/06/2005, 09:21

Olá pessoal... bom esse código foi bem interessante para mim até pq não havia ainda enontrado uma forma de redimensionamento de iframe. bom o que aconteceu? no meu trabalho o código funciona normalmente, mostro até os valores do height na tela tudo mais, só que quando levo para casa, em, minha máquina não funciona... ou seja ele diz que:

o objeto não da propriedade ou método... algo assim...

bem, fui tentar ver o que ele me dava na tela:

parent.document.getElementById("ID_iframe").height --> me deu 100%
document.getElementById("id_div").scrollHeight --> me deu undefined

ou seja não está rodando..., bem não sei se é problema de máquina mesmo... mas acho que não, windows iguais, mesmas configurações, etc...

então? o que me dizem?

Atenciosamente Agradeço.
Emanuel Araújo
Atenciosamente,

----------------------------------------------------
Emanuel Araújo
MSN: emanuelaraujocarneiro@hotmail.com
----------------------------------------------------

#58 marpinheiro

marpinheiro

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 04/07/2005, 23:10

galera
o codigo funciona beleza no IE
mas no Firefox ele nao funciona para a largura, veja:
parent.document.getElementById("conteudo").width = document.getElementById("tamanho").scrollWidth;

O que poderia ser feito para funcionar no Firefox tambem?

#59 sercissa

sercissa

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Não informado

Posted 05/07/2005, 03:47

Bom pessoal...

Edição feita por: sercissa, 05/07/2005, 03:49.

Cissa
msn: sercissa@hotmail.com

#60 sercissa

sercissa

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Não informado

Posted 05/07/2005, 03:47

Bom pessoal...

Ainda não funciona qdo eu volto p/ página anterior, q é menor q a página atual. Aqui tá assim, qdo eu abro uma página menor q vai p/ maior, redimensiona direitinho,mas qdo é de uma página maior para uma menor, sobra mto espaço! Como fazer p/ resolvir isso? Tentei acho q td desses posts e nada!

Código:
Página q contém o iframe:
<div id="corpo">
<table width="530" border="0" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td valign="top"><iframe id="idPrincipal" src="corpoIndex.html" name="principal" width="100%" height="500" scrolling="no" frameborder="0" ></iframe></td>
</tr>
</table>
</div>

Página menor:

<body leftMargin="0px" topMargin="2px" marginwidth="0px" marginheight="0px">
<div id = "padrao"> <img src="Gifs/corpoPaginas/corpoPublicacoes.gif" width="530" height="428" border="0" align="top" usemap="#Map">
<map name="Map">
<area shape="rect" coords="282,192,423,204" href="anais.htm" target="principal">
</map>
</div>
<script language="JavaScript" type="text/javascript">
parent.document.getElementById("idPrincipal").height = document.getElementById("padrao").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
</script>

Página maior:

<body>
<div id="padrao">
<table width="530" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Gifs/titulos/tituloAnais.gif" width="530" height="68"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" id="tbTexto">
<tr>
<td><div align="justify"><font color="#003300" size="1" face="MS Sans Serif, MS Serif, Tahoma"><br>

<!-- monte de conteúdo...Texto memso -->


</font></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<!-- Este link volta p/ página anterior e menor! -->
<td><div align="center"><a href="publicacoes.html" target="principal"><img src="Gifs/voltar.gif" width="69" height="23" border="0"></a></div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</body>
</div>
<script language="JavaScript" type="text/javascript">
parent.document.getElementById("idPrincipal").height = document.getElementById("padrao").scrollHeight + 40; //40: Margem Superior e Inferior, somadas
</script>
</html>


Cissa
sercissa@hotmail.com
Cissa
msn: sercissa@hotmail.com
Voltar para Tutoriais e Artigos de Javascript, Ajax e Metodologias


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. → Tutoriais e Artigos de Javascript, Ajax e Metodologias
  5. Privacy Policy
  6. Regras ·
IPB Skin By Virteq