Avatar billede mydream Nybegynder
09. november 2004 - 10:53 Der er 8 kommentarer og
1 løsning

checke skærmopløsning og vælge style

Hej allesammen.

Jeg har forsøgt at lave forskellig farve og skriftsstørrelse alt efter hvor stor skærmen er. Jeg har forsøgt mig med dette:

<html>
<head>
<script type="text/javascript">
var width = screen.width;
if (width == 800) {
document.write("<style type="text/css"><!--.style1 {color: #0033FF;    font-size: 24px;}--></style>>");
}
else if (width == 1024) {
document.write("<style type="text/css"><!--.style1 {color: #ffffFF;    font-size: 12px;}--></style>>");
}
</script>

<style type="text/css">
<!--
.style2 {color: #0033FF}
-->
</style>
</head>
<body>
<p class="style1">HER KOMMER SKRIFTEN OG SKIFTER FARVE OG STØRRELSE (800:<span class="style2">DENNEFARVE</span> 1024: SORT) </p>
</body>
</html>

---

Men ak, det virker ikke. Er det en lille ting at rette, eller kan det slet ikke lade sig gøre på den måde?
Avatar billede roenving Novice
09. november 2004 - 11:03 #1
Du har i hvertfald kludder i ""erne !-)

Prøv med:

<script type="text/javascript">
var width = screen.width;
if (width <= 800) {
document.write("<style type='text/css'><!--.style1 {color: #0033FF;    font-size: 24px;}--></style>");
}
else{
document.write("<style type='text/css'><!--.style1 {color: #ffffFF;    font-size: 12px;}--></style>");
}
</script>
Avatar billede nikolajdu Nybegynder
09. november 2004 - 11:05 #2
<script type="text/javascript">
var width = screen.width;
if (width == 800) {
document.write('<style type="text/css"><!--.style1 {color: #0033FF;    font-size: 24px;}--></style>');
}else if (width == 1024) {
document.write('<style type="text/css"><!--.style1 {color: #ffffFF;    font-size: 12px;}--></style>');
}else if (width > 1024) {
document.write('<style type="text/css"><!--.style1 {color: #ff0000;    font-size: 12px;}--></style>');
}
</script>
Avatar billede nikolajdu Nybegynder
09. november 2004 - 11:05 #3
ævs....
Avatar billede roenving Novice
09. november 2004 - 11:11 #4
>>nikolaj

-- nå, du så også den dobbelte &gt; !-)
Avatar billede mydream Nybegynder
09. november 2004 - 11:14 #5
fantastisk. Dejligt hurtigt og virkende svar. Roenving var vist et skridt hurtigere. Vil du lægge et svar? Også tak til dig Nikolaj.
Avatar billede nikolajdu Nybegynder
09. november 2004 - 11:15 #6
ja det tog mig bare lidt lang tid at &aelig;ndre &quot; til &rsquo;
Avatar billede nikolajdu Nybegynder
09. november 2004 - 11:16 #7
R&oslash;nving er n&aelig;sten altid et skridt foran - man skulle tro at han har &copy; på kategorien ;-)
Avatar billede roenving Novice
09. november 2004 - 11:18 #8
*lol*

-- velbekomme '-)
Avatar billede roenving Novice
09. november 2004 - 11:48 #9
-- og tak for point ;~}
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