sexta-feira, junho 17, 2011

Fazendo um IFrame ocupar todo o espaço do browser

HI,

Colocaram uma TV aqui na sala para exibir a página de um sistema de monitoramento ( para acompanhar o status de servidores, processos, sistemas, etc. ). Aí eu tive a idéia de criar um sistema para trocar o conteúdo para ser exibido, para não ficar com a TV apenas com um conteúdo. Pensei em fazer em Delphi, mas achei melhor fazer em ASP.Net.

Sabia que ia precisar deixar a página dando refresh a cada x tempo e que precisaria exibir a url do site na mesma página. Consegui fazer isso usando um IFrame. O desafio foi fazê-lo ficar sem as bordas e ocupar toda a área de exibição do browser, mesmo que ele estivesse em fullscreen.

Comecei usando uns javascripts que achei, mas não gostei do resultado. Depois de algum tempo pesquisando, achei uma solução que resolveu o problema da borda e do redimensionamento.

dessa maneira o width e o height ficam de acordo com a área client

Achei aqui
http://stackoverflow.com/questions/247128/how-to-auto-size-an-iframe

Para concluir a página de exibição de páginas, usei essas idéias

Carregando uma página no Iframe no codebehind do Asp.net
http://geekswithblogs.net/ranganh/archive/2005/04/25/37635.aspx

Autorefresh
http://webdesign.about.com/od/metataglibraries/a/aa080300a.htm

Também achei um javascript para a função de refresh
http://www.javascriptkit.com/script/script2/autofresh.shtml


Espero que possa ser útil

Fiquem na Paz!!!

Um comentário:

Criptonita News disse...

Muito obrigado por compartilhar esta informação. Era exatamente isso que eu estava procurando.