Jump to content


Photo

Iframe


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

#1 ZeCa^CsPlanet

ZeCa^CsPlanet

    Novato no fórum

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

Posted 13/12/2003, 12:51

Tem jeito de fazer um Iframe regulável de acordo com o tamanho da página que é inserida nele? Se tiver, postem o código aqui. Obrigado!

#2 Skuall

Skuall

    Doutor

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

Posted 13/12/2003, 13:08

Olá! :yes:

Do modo que pensei, é possível...

Como não tem como medir a "altura" da página, sem que ela toda tenha sido carregada... você pdoe criar uma <div> bem no ínicio do Documento (Invisível) que teria os exatos valores de Altura e Largura do Documento. Daí, a página que continha o iFrame, poderia capturar esses valores via JS e adequar o iFrame... Entendeu a Lógica?

#3 H^llz

H^llz

    @betalabsbr

  • Usuários
  • 151 posts
  • Sexo:Masculino
  • Localidade:SP

Posted 13/12/2003, 16:58

Bom, eu vi na prática mas não consegui fazer ...

Nos coments do Fotolog, o iframe carrega o conteúdo e depois redireciona... veja como exemplo meu flog:

http://www.fotolog.net/blueye
Luan
T.(11) 3522 6826
Rua Bandeira Paulista 702, 12º andar
http://betalabs.com....utos/ecommerce/

#4 ZeCa^CsPlanet

ZeCa^CsPlanet

    Novato no fórum

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

Posted 13/12/2003, 19:11

Será que dava para escrever um exemplo só para eu ter uma visualização do que vocês querem dizer?

#5 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 13/12/2003, 19:29

Esse script vai verificar a altura da página e vai mostrar um iframe de tamanho diferente.

<script language="javascript">
<!--
altura=screen.height;
if (altura=="600")
iframe="400";
else
iframe="600";
document.write("<iframe src=pagina.asp?id=01 width=500 height="+iframe+"></iframe>");
//-->
</script>


Vai verificar a altura da página em pixels e de acordo com a altura, vai fazer um iframe com tamanho diferente.

#6 H^llz

H^llz

    @betalabsbr

  • Usuários
  • 151 posts
  • Sexo:Masculino
  • Localidade:SP

Posted 13/12/2003, 22:52

Esse script vai verificar a altura da página e vai mostrar um iframe de tamanho diferente.

<script language="javascript">
<!--
altura=screen.height;
if (altura=="600")
iframe="400";
else
iframe="600";
document.write("<iframe src=pagina.asp?id=01 width=500 height="+iframe+"></iframe>");
//-->
</script>


Vai verificar a altura da página em pixels e de acordo com a altura, vai fazer um iframe com tamanho diferente.

mas mesmo depois que o iframe abrir ele redimensiona ?
Luan
T.(11) 3522 6826
Rua Bandeira Paulista 702, 12º andar
http://betalabs.com....utos/ecommerce/

#7 ZeCa^CsPlanet

ZeCa^CsPlanet

    Novato no fórum

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

Posted 14/12/2003, 00:53

Obrigado ae, valeu!

#8 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 14/12/2003, 19:15

De acordo com a altura da página em pixels, o script verificará e vai redimensionar automaticamente.

#9 Skuall

Skuall

    Doutor

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

Posted 14/12/2003, 20:03

De acordo com a altura da página em pixels, o script verificará e vai redimensionar automaticamente.

Olá! :yes:

Não seria bem de acordo com a Altura da Página e sim, de acordo com a Resolução... Para capturar a Altura da Página no Navegador, você deve usar:

document.body.clientHeight



#10 Snipes

Snipes

    Novato no fórum

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

Posted 15/12/2003, 19:27

Esse script vai verificar a altura da página e vai mostrar um iframe de tamanho diferente.

<script language="javascript">
<!--
altura=screen.height;
if (altura=="600")
iframe="400";
else
iframe="600";
document.write("<iframe src=pagina.asp?id=01 width=500 height="+iframe+"></iframe>");
//-->
</script>


Vai verificar a altura da página em pixels e de acordo com a altura, vai fazer um iframe com tamanho diferente.

Não deu certo aqui, onde posso estar errando?

#11 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 15/12/2003, 19:44

Aqui deu tudo certo. Acho que deve ser a versão do seu navegador.

#12 Snipes

Snipes

    Novato no fórum

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

Posted 15/12/2003, 19:53

Aqui deu tudo certo. Acho que deve ser a versão do seu navegador.

IE.5, é só usar esse código que ele já faz o iframe?

#13 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 15/12/2003, 20:09

Pelo que programei o script, sim.

#14 Bittencourt

Bittencourt

    12 Horas

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

Posted 16/12/2003, 07:15

Fala Galera!!!

Será que alguém pode me explicar passo a passo o que realmente faz este script.

Eu tenho uma pagina index.htm que tem um topo (topo.htm), um menu (menu.htm) e uma parte principal (principal.htm) onde onde os textos aparecerão após o click no link dos menus. Está funcionando com iframe mas tem textos que não aparecem completos e aparecem aquelas barras de rolagem. Vocês podem adaptar este script para mim ou me dá uma dica? Aí vai a HTML da minha index.htm:

<html>
<head>
<title>Ouvir o Evento</title>
</head>

<body>

<table width="652" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="779" height="98" valign="top"><img src="imagens/topo.gif" width="779" height="110"></td>
</tr>
<tr>
<td height="16" align="right" valign="middle" bgcolor="#666666"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Bíbllia
Hebraica | Livro de Visitas | Mapa do Site | Fale Conosco&nbsp;&nbsp;&nbsp;&nbsp;</font></td>
</tr>
</table>
<table width="779" height="*" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="140" height="*" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="140" height="603" valign="top"><iframe width="100%" height="100%"
frameBorder="0" scrolling="no" src="menu.htm" name="menu"></iframe></td>
</tr>
</table></td>
<td width="639" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="639" height="603" valign="top"><iframe width="100%" height="100%"
frameBorder="0" scrolling="no" src="principal.htm" name="centro"></iframe></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Se puderem me ajudar, agradeceria muito!!!!

Té Mais Galera!!!!

#15 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 16/12/2003, 10:48

Coloque a URL da página para ver melhor.




1 user(s) are reading this topic

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

IPB Skin By Virteq