Resolução da Tela em JS

Devil Duck · 12 de junho de 2006

###### pessoal, estou com um pequeno probema aqui.

eu estou desenvolvendo um site pra um curso de EaD aqui, e eu uso CSS pra varias coisas, sei q não é a melhor opção devido as negligencias de alguns browsers, mas estou conseguindo contornar isto a principio.

Mas encontrei um problema em todos eles qnt a resolução da tela e as DIV's q tem no site.

então eu preciso saber qual a resolução q o usuário esta usando e em seguida chamar um arquivo *.CSS

com algumas pesquisas fiz um código ai, q não funciona heuaheuaheua

será q alguem pode me ajudar???

segue abaixo o código...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
@import url("../../config.css");
</style>
<script language="JavaScript" src="../../javascript.js"></script>
<script language="JavaScript" type="text/JavaScript">
function tela(resolucao){
    var res = resolucao;
    if(res == 800){
        java script:alert("Esse diabos é 800x600");
    }
    else if(res == 1024){
        <style type="text/css">
            @import url("../../1024.css");
        </style>
    }
}
</script>

</head>

<body onLoad="java script:tela('800');">

Devil Duck · 12 de junho de 2006

baaaaahhhh

no ff funciona mas no ie não...

qr dizer, funciona mais ou menos, o CSS ele nun abre...

RoBiN · 12 de junho de 2006

Você está misturando uma coisa com outra (CSS com Javascript) Além disso seria melhor se você criasse um CSS que funcionasse em qualquer resolução do que ficar alternando eles, mas isso não vem ao caso. Olha o código aqui:

<link id="estilo" href="../../config.css" type="text/css" rel="stylesheet"> 

...

<script language="javascript" type="text/javascript">
function CarregaEstilo(){
   switch (screen.width) {
     case 800:
        document.getElementById("estilo").href = "../../800.css"; 
        break;
     case 1024:
        document.getElementById("estilo").href = "../../1024.css"; 
        break;
   }
}
</script>

...

<body onload="CarregaEstilo();">

Devil Duck · 13 de junho de 2006

valeu robin.

vou testar em breve.

realmente seria melhor um estilo q funcionasse de qualquer forma, mas uma das Div's não esta se enquadrando.

se no 800x600 fica certo no 1024x768 fica peq, se neste ultimo fica certo no primeiro fica grd.

isto q estou usando %.

não sei porque.

mas valeu ai..

mais uma coisinha...é possivel eu chamar 2 arquivos de css ao mesmo tempo???

Ripirraitec · 13 de junho de 2006

você pode colocar diversos estilos diferentes - praticamente sem limite - em um único arquivo css.

Devil Duck · 13 de junho de 2006

valeu ai por todas as respostas...

funcionou certinho.

RoBiN · 14 de junho de 2006

mais uma coisinha...é possivel eu chamar 2 arquivos de css ao mesmo tempo???

Sim, você pode "chamar" quantos arquivos você quiser, mas lembre-se que em CSS uma definição sobrepoem a anterior, então se você definir duas vezes uma mesma classe em arquivos direntes, a definição do arquivo que você colocar por último vai sobrepor as anteriores...