Gå til innhold
Presidentvalget i USA 2024 ×

JS Browser detect og CSS


Anbefalte innlegg

Hei.

 

Jeg jobber med en side nå, og selvfølgelig krangler IE om koden min. Jeg har prøvd å kombinere, men dette går ikke, så jeg har nå to CSS-dokumenter til siden. Ett som er til FF, Safari, Opera etc, og ett til IE.

 

Det jeg nå trenger er et browser detect-script som kan velge stilark utifra hva slags nettleser man bruker.

 

Jeg har funnet ett, men jeg får det ikke til å funke. Her er litt kode til dere:

 

var d, dom, ie, ie4, ie5x, moz, mac, win, lin, old, ie5mac, ie5xwin, op;

d = document;
n = navigator;
na = n.appVersion;
nua = n.userAgent;
win = ( na.indexOf( 'Win' ) != -1 );
mac = ( na.indexOf( 'Mac' ) != -1 );
lin = ( nua.indexOf( 'Linux' ) != -1 );

if ( !d.layers ){
dom = ( d.getElementById );
op = ( nua.indexOf( 'Opera' ) != -1 );
konq = ( nua.indexOf( 'Konqueror' ) != -1 );
saf = ( nua.indexOf( 'Safari' ) != -1 );
moz = ( nua.indexOf( 'Gecko' ) != -1 && !saf && !konq);
ie = ( d.all && !op );
ie4 = ( ie && !dom );

ie5x = ( d.all && dom );
ie5mac = ( mac && ie5x );
ie5xwin = ( win && ie5x );
}

function browser_css( ) {
d = document;
if ( ie ){
 d.write('<link rel = "stylesheet" type = "text/css" href = "ie.css" />');
}
else {
 d.write('<link rel = "stylesheet" type = "text/css" href = "styles.css" />');
}
}

 

 

Dette skal i teorien funke, men så heldig er jeg altså ikke. Kan noen hjelpe meg med å få dette til?

Lenke til kommentar
Videoannonse
Annonse
Hvis det bare er IE som loker, kan du ta en titt på conditional comments... Det er noe wack som IE har lagt inn støtte for, men som ingen andre nettlesere forstår :)

<!--[if IE]>
<link rel="stylesheet" href="stilsettIE.css" type="text/css" media="screen">
<[endif]-->

 

Det er litt lettere enn å drive med browser sniffing :)

7054322[/snapback]

 

Funker faktisk dette? :dontgetit:

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...