Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Chandler

Fundo Branco MALDITO de um iframe

Por , em Desenvolvimento frontend

Recommended Posts

Chandler    0

Chandler
Postado

E aí, pessoa. beleza?

 

Tô fazendo um site usando tableless, mas pretendo colocar na coluna central um iframe onde as informações dos links do menu à esquerda apareceriam (se alguém tiver uma alternativa pra eu não usar iframes e usar outra coisa no lugar, exceto include, tô aceitando também hehehe).

Só que o maldito do iframe não fica com o fundo transparente no IE nem ferrando! Já tentei de tudo, incluindo várias alternativas que o pessoal deste fórum mesmo deram.

 

O index tá assim:

 

<head>

<style>@import "css.css";</style>

</head>

 

<body>

<div id="tudo">

<div id="topo"></div>

<div id="coluna_esquerda">

<a href="http://www.terra.com.br" target="centro">Terra</a>

</div>

<div id="coluna_central">

<iframe name="centro" allowtransparency="true" frameborder="0"></iframe>

</div>

<div id="rodape"></div>

</div>

</body>

Tô usando como teste um link qualquer como esse do site do Terra.

Se alguém puder me ajudar a deixar esse iframe transparente ou mesmo uma solução de fazer isso através do css, eu agradeceria muito!

 

Valeu!

Compartilhar este post

Link para o post
Compartilhar em outros sites

LepinskiDesign    0

LepinskiDesign
Postado

Você poderia fazer com Ajax, mais nesse caso eu acho que se você deseja esse efeito de carregamento, o iframe é a melhor solução...uma dica para deixar transparent é utilizar o background das paginas que apareceriam no iframe como "background: none" para retirar qualquer informação de cor no elemento "body" da pagina...tente e verifique se funciona..Ate !

Compartilhar este post

Link para o post
Compartilhar em outros sites

LepinskiDesign    0

LepinskiDesign
Postado

eu andei pesquisando sobre Ajax e acabei por descobrir o seguintese o "centro" nesse caso traz conteudo mto complexo, ou grande d+, pode ser que voce encontre alguns problemas de carregamento devido ao delay entre o processamento e o retorno da informação..nesse caso, na minha opinião, não usaria o iframe e usaria uma navegação comum... sem iframe ou ajax...Não sei oq você esta fazendo para ter que adotar esse tipo de navegação, porem acho que voce deve estudar melhor para achar o fluxo de navegação que mais se adequa a sua aplicação web.Ate !

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

Acho que voce não precisa de iframe só pra exibir informações sobre links.Muito peso e complicação por coisa tão pequena.Use uma Div que tenha dentro a informação sobre o link, daí voce manda ela exibir ou sumir qd via CSS ou via javascript.E além disso, na div você pode deixar ela transparente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Chandler    0

Chandler
Postado

Pessoal, muito obrigado mesmo pelas dicas!O que estava errado era a falta da informação de transparência no body da página que iria entrar no iframe, como o Tony disse acima.Eu pesquisei sobre o Ajax, mas confesso que não consegui utilizá-lo ainda. Talvez tenha que ler mais alguns tutoriais e tal.Agora, eu também concordo que usar um iframe ali é meio antiquado, mas eu não estava conseguindo enxergar outra maneira de fazer com que o conteúdo principal do site fosse exibido sem que isso me gerasse futuros problemas com a atualização do menu. Vou explicar: usarei um menu na lateral esquerda do site e este, provavelmente, sofrerá muitas atualizações no futuro, como inclusões de novos links; o iframe foi a primeira alternativa que veio em mente para que eu conseguisse deixar o meu e o topo do site fixos, e assim, de fácil atualização já que eu não teria que incluí-los em todas as páginas do site.Agora com essas dicas que vocês me deram com Divs e Javas, tenho mais opções e com certeza vou testá-las!Novamente, muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

lahlahbarros    0

lahlahbarros
Postado

Porque você não quer usar includes?Includes em php é realmente a melhor solução.Mas, se você não tem suporte a PHP, há sempre a alternativa de se usar "includes" com javascripts.Assim:1) Faça o seu layout em (X)HTML normalmente.2) Então, vá aos seus códigos e copie toda a parte que você quer que continue a mesma em todas as suas páginas.PS: Essa "parte do código" geralmente é o seu "topo" (com a imagem do seu layout) - o que seria a include de topo, e o seu rodapé (com seu menu direito e o rodapé propriamente dito).3) No seu topo, por exemplo, poderíamos ter o seguinte código: <DIV><IMG src="imagem_layout.gif"> </DIV><DIV id=conteudo>4) Agora, abra o Bloco de Notas e cole o código do seu "topo" como no exemplo abaixo:document.write(unescape(' <DIV><IMG src="imagem_layout.gif"> </DIV><DIV id=conteudo>'));PS: Essa include só funcionará se o seu código estiver compactado, isto é: sem espaços entre as tags.4) Salve esse documento como "topo.js"5) Agora, volte para o seu código html e apague a parte do seu "topo".6) No lugar dele, coloque isso:<script language=Javascript src="topo.js"></SCRIPT> 7) Ok, agora você já fez a include do seu topo. Envie o arquivo .js e os seus arquivos htmls para o seu servidor e, no final, suas páginas de conteúdo ficarão mais ou menos assim:<script language=Javascript src="topo.js"></SCRIPT> Aqui fica o seu conteúdo. </DIV><DIV>Aqui fica o seu menu direito.</DIV>8) Você pode fazer o mesmo (include) com o seu menu direito, dessa forma, a única coisa que você teria que mudar seria o "div" central.;] Espero ter ajudado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Chandler    0

Chandler
Postado

micox, valeu pela solução em Ajax, embora eu ainda não tenha compreendido tudo, estou estudando isso e tentando aprender aos poucos.

 

lahlahbarros, fiz isso que você indicou, mas não funcionou aqui. Não estou usando os includes em php porque não tenho acesso ao mesmo daqui, e também porque eu não tive uma boa experiência da outra vez que tentei usá-lo. hehehe

 

Os códigos ficaram assim:

 

HTML

<html><head></head><body><script language=Javascript src="topo.js"></script>Conteúdo</div><div>menu></div></body></html>
topo.js

document.write(unescape('<div><img src="imagens/topo/01.jpg"></div><div id=conteudo>'));
Todos os arquivos estão na mesma pasta, exceto a da figura que apareceria no topo que está dentro da pasta imagens, conforme é mostrado no arquivo topo.js

Também não fiz um menu e nem um conteúdo porque queria ver a princípio somente se a inclusão do js seria feita com sucesso.

Fiz alguma besteira aí?

 

Valeu pela ajuda, pessoal!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Chandler    0

Chandler
Postado

Com esse papo todo de includes, fui tentar mexer neles usando php de novo, mas desta vez, consegui usar.

A única coisa que não consegui fazer foi: ao clicar em determinado link do menu da minha página, o conteúdo aparecesse no div onde o include geralmente apareceria, caso fosse um arquivo externo normal.

 

Mais precisamente, eu queria saber o que tenho que colocar na tag de link

<a href="#">#</a>
para que o conteúdo apareça no DIV correspondente

<div id="conteudo"><?php include("conteudo.php"); ?></div>
Acho que tenho que tirar aquele ("conteudo.php"), mas não sei o que colocar no lugar para que o conteúdo do link apareça ali.

Procurei pelo fórum e no Google, mas não achei nada relacionado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito