Avatar billede Skynet Mester
15. november 2015 - 15:33 Der er 6 kommentarer og
1 løsning

Automatisk valg af CSS

Hej,

Nogen som kan fortælle hvorfor mit script giver blank side?


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>


<SCRIPT LANGUAGE="JavaScript">


<!-- Begin
function redirectCSS() {

if ((screen.width == 640) && (screen.height == 480))
      {document.write("<link href='css/test.css' rel='stylesheet' type='text/css'>")}

else if ((screen.width == 800) && (screen.height == 600))
      {document.write("<link href='css/test.css' rel='stylesheet' type='text/css'>")}

else if ((screen.width == 1024) && (screen.height == 768))
      { document.write("<link href='css/test.css' rel='stylesheet' type='text/css'>")}

else
      {document.write("<link href='css/test.css' rel='stylesheet' type='text/css'>")}
}
// End -->
</script>     
</head>




<body onLoad="redirectCSS()">

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</div>
</html>
Avatar billede Skynet Mester
15. november 2015 - 15:34 #1
test.css skal sefl. være hhv. test1, test2 test3 og test4.css
Avatar billede Skynet Mester
15. november 2015 - 15:35 #2
Avatar billede Slater Ekspert
15. november 2015 - 16:03 #3
Lad være med det. Jeg ved godt det ikke er et svar på dit spørgsmål, men det er en virkelig, virkelig dårlig måde at gøre det på, og det kan løses så let med @media queries i dag.
Avatar billede Skynet Mester
15. november 2015 - 16:13 #4
Men vil gerne have denne JS løsning :) - den skal bruges i et meget simpelt back-end site
Avatar billede Skynet Mester
15. november 2015 - 16:15 #5
Men har løst det ved at lave én CSS fil og ser ud til at virke:

@charset "utf-8";


/* Desktops and laptops ----------- */
@media only screen
and (max-width : 1199px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1200px) {
body {
    background-color: #3366ff;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 0px 1px #2a2725;
    color: #fff;
}


}


}
Avatar billede Skynet Mester
15. november 2015 - 18:07 #6
løsning
Avatar billede Slater Ekspert
15. november 2015 - 19:36 #7
Så du gjorde hvad jeg sagde alligevel?

Hvad var grunden til, at du hellere ville have javascript?
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