Hej
Skulle vilja få till ett script som väljer stylesheet beroende av flera faktorer. Följande besökare skulle jag vilja att de får ett specifikt CSS:
Plattformar:
---------------------------------------------
PC (alla browsers utom Netscape 4)
Mac (alla browsers utom Safari och Netscape 4)
Browsers:
--------------------------------------------
Netscape 4 (alla plattformar)
Safari (denna är Mac Os X-speciifk)
Jag har inte lyckats med kombinationen browsers/plattform i mina tafatta scriptförsök.
Har jag uttryckt mig luddig? Förmodligen, men fråga gärna! ;)
Så här?
if ( (navigator.userAgent.toLowerCase().indexOf("mac")!=-1) && !document.layers && (navigator.accentColorName? true : false) ){
// mac utom NS4 och Safari
document.write('<link rel="stylesheet" href="Macie.css" type="text/css" />');
}
if ( (navigator.appVersion.toLowerCase().indexOf("win") != -1) && !document.layers ){
// Windows utom NS4
document.write('<link rel="stylesheet" href="WindowsDOM.css" type="text/css" />');
}
if (document.layers){
// NS 4
document.write('<link rel="stylesheet" href="NS4.css" type="text/css" />');
}
if (!navigator.accentColorName){
// Safari
document.write('<link rel="stylesheet" href="Safari.css" type="text/css" />');
}
Edit: Ändrade ett fel...
Gjort på frihand, så möjligen att det finns fel, säg till isf.
Alla browsers får Safaris stylesheet :x
Får Safari sin egen stil då?
Pröva detta då:
var is_safari = (document.childNodes)&&(!document.all)&&(!navigator.taintEnabled)&&(!navigator.accentColorName)?true:false;
if ( (navigator.userAgent.toLowerCase().indexOf("mac")!=-1) && !document.layers && (!is_safari) ){
// mac utom NS4 och Safari
document.write('<link rel="stylesheet" href="Macie.css" type="text/css" />');
}
if ( (navigator.appVersion.toLowerCase().indexOf("win") != -1) && !document.layers ){
// Windows utom NS4
document.write('<link rel="stylesheet" href="WindowsDOM.css" type="text/css" />');
}
if (document.layers){
// NS 4
document.write('<link rel="stylesheet" href="NS4.css" type="text/css" />');
}
if (is_safari){
// Safari
document.write('<link rel="stylesheet" href="Safari.css" type="text/css" />');
}
Funkar klockrent! Tackar och bockar!