Olika css beroende på läsare

5 svar · 241 visningar · startad av NETwork 21 feb. 2003

NETworkMedlem sedan juni 20011 732 inlägg

21 feb. 2003 10:26#1

En till dum fråga. :) Jag vill länka till olika css-dokument beroende på webbläsare men jag får det inte att fungera. Försöker med detta, men det funkar inte:

I html-dokumentet:
<script src="jscript1.js" type=text/javascript></script>

och i jscript1.js:
if (navigator.userAgent.indexOf('Mac') != -1) 
  {	
  document.write("<link rel='stylesheet' href='StyleMac.css' TYPE='text/css'>"); 
  }
else 
  { 
		document.write("<link rel='stylesheet' href='Style.css' TYPE='text/css'>"); 
}

Någon som vet hur man gör?

DinoMedlem sedan sep. 20011 914 inlägg

21 feb. 2003 10:34#2

Detta verkar funka för mig.

<html>
<head>
<title>Untitled</title>
<script>
function bla(){
   if (navigator.userAgent.indexOf('Mac') != -1){	
     document.write("<link rel='stylesheet' href='StyleMac.css' TYPE='text/css'>"); 
  }
else{ 
     document.write("<link rel='stylesheet' href='Style.css' TYPE='text/css'>"); 
   }
}
</script>
</head>
<body onload="bla()">
</body>
</html>

PalleMedlem sedan apr. 20003 174 inlägg

21 feb. 2003 10:39#3

Testalera följande: :)

[RED]if (navigator.userAgent.indexOf("Mac") != -1){	
	document.write("<link rel=\"stylesheet\" href=\"StyleMac.css\" TYPE=\"text/css\">"); 
	}
else 
	{ 
	document.write("<link rel=\"stylesheet\" href=\"Style.css\" TYPE=\"text/css\">"); 
}[/RED]

NETworkMedlem sedan juni 20011 732 inlägg

21 feb. 2003 11:22#4

Nope, får det inte att fungera... document.write verkar skriva över all kod på hela sidan.

PalleMedlem sedan apr. 20003 174 inlägg

21 feb. 2003 11:31#5

Skumt.. Men om möjligheten finns kan du köra med ASP istället: :)

[RED]<%

    If InStr(UCase(Request.Servervariables("http_user_agent")), "MAC") > 0 Then
        Response.Write "<link type=""text/css"" rel=""stylesheet"" href=""css/mac.css"" />"
    Else
        Response.Write "<link type=""text/css"" rel=""stylesheet"" href=""css/pc.css"" />"
    End If

%>[/RED]

NETworkMedlem sedan juni 20011 732 inlägg

21 feb. 2003 11:41#6

Tackar, jo ASP funkar ju (eller hellre .net då eftersom jag använder det) men jag löste det med java ändå till slut! :)

function LinkCss() {
  var i, link
  for(i=0; (link = document.getElementsByTagName("link")[i]); i++) {
    if (navigator.userAgent.indexOf('Mac') != -1){
      link.href="MacStyle.css";
    }
    else {
      link.href="OtherStyle.css";
    }
  }
}