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>
Annonceindlæg tema
Forsvar & beredskab
Cybersikkerhed, realtidsdata og robuste it-systemer er blevet fundamentet for moderne forsvar.
15. november 2015 - 15:34
#1
test.css skal sefl. være hhv. test1, test2 test3 og test4.css
15. november 2015 - 15:35
#2
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.
15. november 2015 - 16:13
#4
Men vil gerne have denne JS løsning :) - den skal bruges i et meget simpelt back-end site
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; } } }
15. november 2015 - 18:07
#6
løsning
15. november 2015 - 19:36
#7
Så du gjorde hvad jeg sagde alligevel? Hvad var grunden til, at du hellere ville have javascript?
Vi tilbyder markedets bedste kurser inden for webudvikling