Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajustando documento pela resolução

08-06-2007 07:13

As vezes é necessário aumentar uma tabela, ou trocar uma figura para determinada resolução do monitor: 800x600, 1024x768, etc...

Com base nisso, você pode usar o seguinte script:

<script language="JavaScript">   function verificador() {   // QUANDO 800X600 if(screen.width==800 && screen.height==600) {   // pega a tabela com o id: tabela_pai e muda a largura para 100% document.getElementById("tabela_pai").style.width="100%";   // pega a figura com id: figuratal e muda para 800x600.gif document.getElementById("figuratal").src="800x600.gif"; }   // QUANDO 1024X768 if(screen.width==1024 && screen.height==768) {   // pega a tabela com o id: tabela_pai e muda a largura para 80% document.getElementById("tabela_pai").style.width="80%";   // pega a tabela com o id: tabela_pai e muda a altura para 80% document.getElementById("tabela_pai").style.height="80%";   // pega a figura com o id: figuratal e muda para 1024x768.gif document.getElementById("figuratal").src="1024x768.gif"; }     }   </script>


<!-- carrega as trocas //--> <body onLoad="verificador()">   <!-- tabela do exemplo //--> <table id="tabela_pai" style="width:100%;height:100%;" border="1"> <tr> <td><img id="figuratal" src=""></td> </tr> </table>

Com base nisso, seu conteúdo será atualizado no carregamento, de acordo com o configurado no JavaScript.

Também é possível montar a configuração de acordo com o navegador, adicionando no if desejado:

navigator.userAgent.indexOf("Firefox") != -1

quando a configuração for só para Firefox

ou

navigator.userAgent.indexOf("MSIE") != -1

quando a configuração for só para Internet Explorer

Ex.:

if(screen.width==1024 && screen.height==768 && navigator.userAgent.indexOf("Firefox") != -1) {

..
Se a largura da tela for 1024, com largura 768 e navegador Firefox fará...
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado