Jump to content

  2. →
  3. →

Iframe Que Se Ajusta Sozinho

Started By Aquibrasil , 20/01/2004, 23:18

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

#16 Klaus

Klaus

    @ ubuntu jaunty

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

Posted 09/02/2004, 12:47

Olá! :yes:

Não tive a opurtunidade de testar ainda... Mas tente com CSS...

style="overflow: visible;"


Eu sei que com camadas funciona... Teste com iFrames... :D
Klaus Paiva
Conheça também: Taperás

#17 Snipes

Snipes

    Novato no fórum

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

Posted 11/02/2004, 17:23

Não sei se duvida dele é assim, mas aminha é.
Tipo vc faz o iframe de 100%, mas eu quero que se por acaso a página que será aberta nele for muito grande ele aumente no mesmo tamanho da mesma pra não gerar barras de rolagem.
Entendeu?

Se não tenho que fazer um iframe enorme pra dar certinho o tamanho de algumas páginas maiores e aqi quando for as pequenas fica muito feio.

#18 Aquibrasil

Aquibrasil
  • Visitantes

Posted 14/02/2004, 13:55

Não sei se duvida dele é assim, mas aminha é.
Tipo vc faz o iframe de 100%, mas eu quero que se por acaso a página que será aberta nele for muito grande ele aumente no mesmo tamanho da mesma pra não gerar barras de rolagem.
Entendeu?

Se não tenho que fazer um iframe enorme pra dar certinho o tamanho de algumas páginas maiores e aqi quando for as pequenas fica muito feio.

É bem isso Snipes! E não estou conseguindo achar a solução, acho que não tem solução... e saber que o <iframe> é a evolução do antigo <frame> onde esse ajuste automatico era possível!

#19 sparrow

sparrow

    Novato no fórum

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

Posted 14/02/2004, 19:36

Saa só:

<html>
<head>
<script>
<!--
function vai(w,h,local)
{
NomeCamada.innerHTML = "<iframe name=\"NomeIframe\" id=\"Nome\" src="+local+" width="+w+" height="+h+">";
}
-->
</script>
<title>Teste</title>
</head>
<body bgcolor="#FFFF00">
<a href="java script:vai('300','300','C:/')">Cliquem aqui</a><br><br>
ou<br>
<a href="java script:vai('800','700','C:/Windows')">Aqui</a>
<div name="NomeCamada" align="center" id="NomeCamada"><iframe name="NomeIframe" id="NomeIframe" src="about:blank" width="600" height="600"></iframe></Span>
</body>
</html>


A idéia é colocar em sua página uma camada de nome NomeCamada, com um iframe de nome NomeIframe dentro dela e qualquer link do site é direcionado a um script q escreve (NomeCamada.innerHTML) outro iframe dentro desta camada

OBS: eu gostei da idéia, mas como não foi minha:ver fonte. O único incoveniente de fazer assim é q vc precisa saber quanto espaço a página a ser aberta vai ocupar, por isso segue um anexo neste post contendo uma outra idéia q eu tive (lá tá tudo explicado)

B) sparrow

Attached Files


Edição feita por: sparrow, 14/02/2004, 19:39.

#20 Aquibrasil

Aquibrasil
  • Visitantes

Posted 14/02/2004, 21:43

Olha... pra falar a verdade Sparrow se fossemos apelar para Javascripts enormes e cheios de esquema com certeza iríamos conseguir uma hora ou outra, mas não é bem esse crescimento de código que nós queremos. Eu acho impossível que não haja uma maneira que use menos código. Eu lembro do <frame> antigo, não sei se vocês se lembram, mas, para que o <frame> se ajuste sozinho ao tamanho da página nós precisávamos escrever rows=100%,* e isso era uma solução simples mas esse tal de rows não existe nos novos e "modernos" <iframes> agora o rows foi substituído por height e o comando height=100%,* não existe. Deve haver outra solução algo como height=*% ou coisa assim.
Porque, cá entre nós, se o frame antigo era inconveniente o iframe moderno não deve ser pior que ele.

#21 sparrow

sparrow

    Novato no fórum

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

Posted 15/02/2004, 13:44

Aquibrasil, eu tenho que concordar com vc que frames geram certas inconveniências (por isso prefiro não ter q usar - nada contra, he he), mas...

Primeiro:
Vc não deixa de definir a altura/largura do frame no caso do <frameset>, a diferença é que isto é feito com mais de um quadro (organizado em linhas ou colunas) e este valor é referente ao tamanho da janela que abriga os frames e nunca ao conteúdo da página que está dentro dele e, assim como ocorre no <iframe>, o valor não se altera conforme o conteúdo.

Segundo:
Não vejo nada de enorme em vc "apelar" para um javascript que ocupe não mais que 3 linhas e atinja seu objetivo.
Tá, tá... nem sempre atinge o tal objetivo e nem sempre é miudinho, mas se formos pensar assim, não usaríamos nem css... Imagine quantas coisas deixaríamos de fazer...

Espero que possa chegar à solução do problema, mas sem javascript ou qualquer outra "ajudinha" acho que vai ser difícil

(y) sparrow

#22 Aquibrasil

Aquibrasil
  • Visitantes

Posted 15/02/2004, 17:45

Sparrow, sou profissional de compressão de arquivos Html, Css, Javascript, imagens Png, Jpg e Gif e já trabalhei para sites que reclamavam de lentidão. Se tem uma coisa equivocada no que você disse é quanto ao Css. Ele é basicamente a base das minhas técnicas de compressão. Visite um site que estou começando a construir: http://webvoltz.port5.com ele usa <iframe> e quando você abre algum artigo ou matéria falta espaço no <iframe> para tudo, eu quero que esse <iframe> aumente de tamanho dependendo da página que estiver dentro dele.
Ah e voltando no Css, repare a velocidade em que a página principal do meu site em construção carrega, e olha que há dois arquivos swf só na página principal.

#23 sparrow

sparrow

    Novato no fórum

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

Posted 15/02/2004, 18:08

aff... num podi falá nada q o kara já bate no peito e fala q é professional e tudo

Calma, não tive intensão de ofender ou questionar vc. Peço desculpas de o fiz, mesmo porque sei q ainda tenho muito o que aprender (por isso me cadastrei e leio mto esse fórum)

ps: pra evitar mal-entendidos: não quis dizer que css é alguma bigorna

:) sem ressentimentos, tá...

Edição feita por: sparrow, 15/02/2004, 18:22.

#24 Guilherme Blanco

Guilherme Blanco

    Loading...

  • Conselheiros
  • 891 posts
  • Sexo:Masculino
  • Localidade:São Carlos - SP/Brasil
  • Interesses:Programação Web e minha namorada (Maria Camila).

Posted 15/02/2004, 19:01

Meu Deus... não resolveram isso ainda?

Vou novamente repetir (naum estou com tempo pra fik lendo a discussãozinha).

Porcentagem naum funciona em alguns browsers. Utilize o sistema de redimensionamento automático (tutorial que eu escrevi) para efetuar isto. É a única maneira segura de garantir que seu IFRAME manterá sempre as mesmas especificações quando o usuário entrar numa página, com qualquer resolução

Eis aqui seu source:

<HTML>
 <HEAD>
   <TITLE></TITLE>
   
   <STYLE>
     BODY { border: 0px; margin: 0px; }
     DIV#teste { position: absolute; border: 1px solid #888888; background: #F0F0F0; }
   </STYLE>

   <script>
     var ie = /msie/i.test(navigator.userAgent);
     var ieBox = ie && (document.compatMode == null || document.compatMode == "BackCompat");

     function checkSize() {
       var canvasEl = ieBox ? document.body : document.documentElement;
       var w = window.innerWidth || canvasEl.clientWidth;
       var h = window.innerHeight || canvasEl.clientHeight;

       document.getElementById("teste").style.width = Math.max(0, w - 50) + "px";
       document.getElementById("teste").style.height = Math.max(0, h - 100) + "px";
     }

     window.onload = checkSize;
     window.onresize = checkSize;
   </SCRIPT>
 </HEAD>

 <BODY>
   <iframe id="teste" src="teste.html"></iframe>
 </BODY>
</HTML>

É este seu source, completo.

[]s,
<script language="WebFórum">
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>

#25 Aquibrasil

Aquibrasil
  • Visitantes

Posted 15/02/2004, 19:03

Que é isso cara? Eu não bati o peito, só destaquei que o que você falou sobre Css de que se fosse por isso ninguém usaria foi equivocado, então pra mim não ficar explicando porque eu simplesmente disse que por experiência própria posso lhe garantir que Css muito pelo contrário aumenta a velocidade do site... bem se você se ofendeu desculpa aí foi na melhor das intenções...
Se fui equivocado não sei né... vivendo e aprendendo tenho só 15 anos.

#26 Snipes

Snipes

    Novato no fórum

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

Posted 16/02/2004, 02:56

Meu Deus... não resolveram isso ainda?

Vou novamente repetir (naum estou com tempo pra fik lendo a discussãozinha).

Porcentagem naum funciona em alguns browsers. Utilize o sistema de redimensionamento automático (tutorial que eu escrevi) para efetuar isto. É a única maneira segura de garantir que seu IFRAME manterá sempre as mesmas especificações quando o usuário entrar numa página, com qualquer resolução

Eis aqui seu source:

<HTML>
 <HEAD>
   <TITLE></TITLE>
   
   <STYLE>
     BODY { border: 0px; margin: 0px; }
     DIV#teste { position: absolute; border: 1px solid #888888; background: #F0F0F0; }
   </STYLE>

   <script>
     var ie = /msie/i.test(navigator.userAgent);
     var ieBox = ie && (document.compatMode == null || document.compatMode == "BackCompat");

     function checkSize() {
       var canvasEl = ieBox ? document.body : document.documentElement;
       var w = window.innerWidth || canvasEl.clientWidth;
       var h = window.innerHeight || canvasEl.clientHeight;

       document.getElementById("teste").style.width = Math.max(0, w - 50) + "px";
       document.getElementById("teste").style.height = Math.max(0, h - 100) + "px";
     }

     window.onload = checkSize;
     window.onresize = checkSize;
   </SCRIPT>
 </HEAD>

 <BODY>
   <iframe id="teste" src="teste.html"></iframe>
 </BODY>
</HTML>

É este seu source, completo.

[]s,

Não é a resolução que é o problema.
Queremos que o iframe se ajuste a todas as páginas que serão abertas dentro dele.

#27 Goku Jr

Goku Jr

    Nilson

  • Usuários
  • 3757 posts
  • Sexo:Masculino

Posted 16/02/2004, 13:04

aff... qui discursão BOBA... :P % ( Porcentagem ) com o GB falou não funciona em alguns Browser (EX: Opera, ( achu que o Modzilla tbm num funciona :P)) bom o CSS aumenta a velocidade do SITE ?!?!?!?!?! aff si for verdade , essa e nova !!! FRAME coisa antiga , IFRAME coisa nova !!! eita.. estamos em que epoca ?!?!?!?! qui eu saiba IFRAME e FRAME e do HTML desde que nasceu ! ou so se alguem adicionou + algumas coisas, que ninguem me avisou :P !!! tus es profissional em JS, CSS etc.. e tem dificuldades em mexer com resolução do IFRAME... eita.. eu sou newbie mesmo, usa o JS mesmo para pegar o tamanho de cada pagina e jogar no Height do IFRAME !!! se você usar 100% no FRAME tbm num vai funcionar em todos os brownser !
Disculpa !!! + FECHEM O TOPICO !!!!!!!!!!! zuera.. deixa aberto para + criticas... brincadeira.. po galera postem o que o cara que sem discursão ... parece eu :lol:

enfim...

FLW (y) !!! :)

Edição feita por: Goku Jr, 16/02/2004, 13:07.

-----------------------------------------------------------------------
PALMEIRAS - Primeiro campeão do mundo em 1951

#28 Aquibrasil

Aquibrasil
  • Visitantes

Posted 17/02/2004, 13:56

aff... qui discursão BOBA... :P % ( Porcentagem ) com o GB falou não funciona em alguns Browser (EX: Opera, ( achu que o Modzilla tbm num funciona :P)) bom o CSS aumenta a velocidade do SITE ?!?!?!?!?! aff si for verdade , essa e nova !!! FRAME coisa antiga , IFRAME coisa nova !!! eita.. estamos em que epoca ?!?!?!?! qui eu saiba IFRAME e FRAME e do HTML desde que nasceu ! ou so se alguem adicionou + algumas coisas, que ninguem me avisou :P !!! tus es profissional em JS, CSS etc.. e tem dificuldades em mexer com resolução do IFRAME... eita.. eu sou newbie mesmo, usa o JS mesmo para pegar o tamanho de cada pagina e jogar no Height do IFRAME !!! se você usar 100% no FRAME tbm num vai funcionar em todos os brownser !
Disculpa !!! + FECHEM O TOPICO !!!!!!!!!!! zuera.. deixa aberto para + criticas... brincadeira.. po galera postem o que o cara que sem discursão ... parece eu  :lol: 

enfim...

FLW (y) !!! :)

CSS não aumenta velocidade de sites! O jeito como ele é usado pode diminuir o tamanho do código e torná-lo mais rápido de carregar, por exemplo:
<hr color=black><hr color=black><hr color=black><hr color=black><hr color=black><hr color=black>
É muito maior que:
<style>hr{color:black}</style><hr><hr><hr><hr><hr><hr><hr>
SACOU?

Edição feita por: Aquibrasil, 17/02/2004, 13:57.

#29 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 05/10/2017, 21:57

Online Drugstore Flagyl Pay By Money Order wheretobuylevitrapills Cialis Funziona Forum Purchase Alli
Can I Take Sudafed With Keflex Birth Contorl Overnight viagra Propecia Ohne Rezept Preisvergleich Levitra Von Bayer Cialis Pillole
Amoxicillin Clavulanate And Chewable General Pharmacy Levitra Petcam levitra 60 mg Zithromax And Tylenol

#30 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 13/10/2017, 08:42

Web Md Keflex Dosage Over The Counter Gabapentin Propecia Recuperarelpelo generic viagra Euromed Online Propecia Calidad Amoxicillin Tablets 100mg For Dogs
Cephalexin Dosage Canine Pounds viagra Identify Amoxicillin Capsual Viagra In Holland Legal Kaufen Clomid Et Provames
Voltar para HTML, CSS 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. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq