Avatar billede mik28 Seniormester
23. februar 2005 - 07:50 Der er 5 kommentarer og
1 løsning

find opløsning

Hej Eksperter,

Jeg skal bruge et script som finder klientens opløsning. Jeg bruger det til at linke til et stylesheet. Det virker i IE men ikke i firefox


<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">
if (screen.width == 800)
{
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"./style/style800.css\">");
}

else if(screen.width >= 1024)
{
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"./style/style1024.css\">");
}
</script>
</head>

Hvordan skal jeg lave det så det virker i alle browsere?
Avatar billede mik28 Seniormester
23. februar 2005 - 08:02 #1
Det er lidt tænkt, for hvem ændre opløsning mens de er på siden og opdaterer.
Avatar billede mik28 Seniormester
23. februar 2005 - 08:04 #2
Det undre mig bare at det virker i IE og ikke i firefox
Avatar billede mr_bacardi Nybegynder
23. februar 2005 - 11:23 #3
For at teste hvor fejlen ligger, benyttede jeg:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">
if (screen.width == 800)
{
document.write("&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"./style/style800.css\"&gt;");
}

else if(screen.width >= 1024)
{
document.write("&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"./style/style1024.css\"&gt;");
}
</script>
</head>
<body>

</body>
</html>

Og i båd FF og IE får jeg:
<link rel="stylesheet" type="text/css" href="./style/style1024.css">
Så det ser ud til at virke fint nok (kører 1024*768).
Prøv og smid et link til din side, hvor det benyttes i praksis, fejlen ligger nok i din CSS fil?
Avatar billede mik28 Seniormester
23. februar 2005 - 11:49 #4
Det er også bare mig som er dum :-) Jeg undre mig bare over hvorfor firefox ikke vælger det andet stylesheet når man opdatere. Det er som sagt en lidt tænkt situation jeg er ude i. Man skal gå ind på siden i 768*1024, ændre opløsningen til 800*600 og så opdatere siden. Det er der jo ikke nogen som gør i praksis. Det virker fint hvis man bibeholder sin opløsning. Ellers tak for din interesse
Avatar billede mr_bacardi Nybegynder
23. februar 2005 - 12:25 #5
Okay, havde jeg ikke lige forstået, men det må skyldes den måler bredden af vinduet, og den må jo så være defineret ved start af browser-sessionen, og derfor først når du lukker og åbner vil den registrere det, sådan vil jeg umiddelbart tro det foregår.
Avatar billede mik28 Seniormester
27. april 2005 - 17:48 #6
Jeg rydder lidt op :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester