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

I frame - Auto-Ajustável


wagtel

Pergunta

Tenho um script que redimenciona o iframe de acordo com o conteúdo da página:

No Head

<head>

<script>
function autoHeight() {
var F = document.getElementById("1");
if (F.contentDocument) {
F.height = F.contentDocument.documentElement.scrollHeight + 30;
} else {
F.height = F.contentWindow.document.body.scrollHeight + 30;
}}
window.onload = autoHeight;
</script>

</head>

No Body

<body>

<iframe width="500" id="1" src="pagina1.html" scrolling="no" 
frameborder="0"></iframe>

</body>

Mas o problema é que este código funciona apenas uma vez em cada página.

Mesmo se eu digitar o id='2' para o segundo iframe na mesma pagina, ele não funciona.

No Head

<head>

<script>
function autoHeight() {
var F = document.getElementById("2");
if (F.contentDocument) {
F.height = F.contentDocument.documentElement.scrollHeight + 30;
} else {
F.height = F.contentWindow.document.body.scrollHeight + 30;
}}
window.onload = autoHeight;
</script>

</head>

No Body

<body>

<iframe width="500" id="2" src="pagina2.html" scrolling="no" 
frameborder="0"></iframe>

</body>

Alguém saberia me dizer o que fazer para corrigir este problema?

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

3 respostass a esta questão

Posts Recomendados

  • 0
<head>

<script>
function autoHeight(id_frame) {
var F = document.getElementById(id_frame);
if (F.contentDocument) {
F.height = F.contentDocument.documentElement.scrollHeight + 30;
} else {
F.height = F.contentWindow.document.body.scrollHeight + 30;
}}
window.onload = autoHeight(1);
window.onload = autoHeight(2);
</script>

</head>

Será que funciona assim?

Link para o comentário
Compartilhar em outros sites

  • 0

Penso em deixar este código de uma forma mais dinâmica, criando uma "página.css"

Depois ligando as outras páginas do site com um link:

<link href="página.css" rel="stylesheet" type="text/css">

Mas não sei como ficaria este código dentro de uma folha de estilos "página.css"

Alguém poderia me ajudar?

Link para o comentário
Compartilhar em outros sites

  • 0

Bom dia,

Um script de estilos (.CSS) serve só para formatação da página e alguns 'efeitos especiais' com css.

Para uma 'página dinâmica', que muda a cada entrada de usuário, isto é, com conteúdo dinâmico, seria uma página com atualizações com uma linguagem de programação + banco de dados

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
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...