/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Browser css omdiregering
Fra : Mikkel


Dato : 05-03-08 13:30

Hej er der en der kan hjælp mig med at få det her script til at
virke. Det skal bare finde ud af om brugeren bruger ie6, eller
ie7. Hvis bruger har ie6 skal der henvises til et andet css
dokument.

<script type="text/javascript">
browser_version= parseInt(navigator.appVersion);
browser_type = navigator.appName;
if(navigator.appName == "Microsoft Internet Explorer" &&
(browser_version
== 7))
{
document.write('<link href="../css/style.css" rel="stylesheet"
type="text/css" />');
} else {
document.write('<link href="../css/style2.css" rel="stylesheet"
type="text/css" />');
}
</script>

Mvh.
Mikkel

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Martin (05-03-2008)
Kommentar
Fra : Martin


Dato : 05-03-08 15:14

Mikkel wrote:
> Hej er der en der kan hjælp mig med at få det her script til at
> virke. Det skal bare finde ud af om brugeren bruger ie6, eller
> ie7. Hvis bruger har ie6 skal der henvises til et andet css
> dokument.
>
> <script type="text/javascript">
> browser_version= parseInt(navigator.appVersion);
> browser_type = navigator.appName;
> if(navigator.appName == "Microsoft Internet Explorer" &&
> (browser_version
> == 7))
> {
> document.write('<link href="../css/style.css" rel="stylesheet"
> type="text/css" />');
> } else {
> document.write('<link href="../css/style2.css" rel="stylesheet"
> type="text/css" />');
> }
> </script>
>
> Mvh.
> Mikkel
>

Der ville jeg hellere bruge HTML conditional comments
<http://www.hintzmann.dk/articles/skjulecss/conditionalcomments/>

Ingen grund til at blande javascript ind i det... :)

<link href="../css/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="../css/ie7styles.css" rel="stylesheet" type="text/css" />
<![endif]-->

Mikkel (05-03-2008)
Kommentar
Fra : Mikkel


Dato : 05-03-08 15:44

Martin wrote in dk.edb.internet.webdesign.clientside:
> Mikkel wrote:
> > Hej er der en der kan hjælp mig med at få det her script til at
> > virke. Det skal bare finde ud af om brugeren bruger ie6, eller
> > ie7. Hvis bruger har ie6 skal der henvises til et andet css
> > dokument.
> >
> > <script type="text/javascript">
> > browser_version= parseInt(navigator.appVersion);
> > browser_type = navigator.appName;
> > if(navigator.appName == "Microsoft Internet Explorer" &&
> > (browser_version
> > == 7))
> > {
> > document.write('<link href="../css/style.css" rel="stylesheet"
> > type="text/css" />');
> > } else {
> > document.write('<link href="../css/style2.css" rel="stylesheet"
> > type="text/css" />');
> > }
> > </script>
> >
> > Mvh.
> > Mikkel
> >
>
> Der ville jeg hellere bruge HTML conditional comments
> <http://www.hintzmann.dk/articles/skjulecss/conditionalcomments/>
>
> Ingen grund til at blande javascript ind i det... :)
>
> <link href="../css/style.css" rel="stylesheet" type="text/css" />
> <!--[if IE 7]>
&gt; <link href="../css/ie7styles.css" rel="stylesheet" type="text/css"
/>
&gt; <![endif]-->


;) Tak for hjælpen , nu virker det.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Philip Nunnegaard (05-03-2008)
Kommentar
Fra : Philip Nunnegaard


Dato : 05-03-08 21:16

"Martin" <maaNO@SPAMscandesigns.dk> skrev i meddelelsen
news:47ceaa9f$0$90271$14726298@news.sunsite.dk...

> <link href="../css/style.css" rel="stylesheet" type="text/css" />
> <!--[if IE 7]>
> <link href="../css/ie7styles.css" rel="stylesheet" type="text/css" />
> <![endif]-->

Med tanke på, at Firefox opfører sig mere som IE7 end IE6 (eller rettere:
IE7 har nærmet sig FFs kodetolkning) ville jeg nok hellere gå den modsatte
vej:

<link href="../css/ie7styles.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<![endif]-->

Med denne rækkefølge vil andre browsere (f.eks. Firefox og Opera) få tildelt
samme CSS som IE7, mens alle ie-versioner der er mindre end 7 (altså IE6 og
ældre) vil få tildelt det andet stilark.


Martin (05-03-2008)
Kommentar
Fra : Martin


Dato : 05-03-08 22:01

Philip Nunnegaard wrote:
> "Martin" <maaNO@SPAMscandesigns.dk> skrev i meddelelsen
> news:47ceaa9f$0$90271$14726298@news.sunsite.dk...
>
>> <link href="../css/style.css" rel="stylesheet" type="text/css" />
>> <!--[if IE 7]>
>> <link href="../css/ie7styles.css" rel="stylesheet" type="text/css" />
>> <![endif]-->
>
> Med tanke på, at Firefox opfører sig mere som IE7 end IE6 (eller
> rettere: IE7 har nærmet sig FFs kodetolkning) ville jeg nok hellere gå
> den modsatte vej:
>
> <link href="../css/ie7styles.css" rel="stylesheet" type="text/css" />
> <!--[if lt IE 7]>
> <link href="../css/style.css" rel="stylesheet" type="text/css" />
> <![endif]-->
>
> Med denne rækkefølge vil andre browsere (f.eks. Firefox og Opera) få
> tildelt samme CSS som IE7, mens alle ie-versioner der er mindre end 7
> (altså IE6 og ældre) vil få tildelt det andet stilark.
>

Normalt så sætter jeg en standard style til alt
<link.... src="screen.css">
så sætter jeg en for IE 6 og nedefter
<!--[if lt IE 7]>
<link.... src="ie6_screen.css">
<![endif]-->
også lige en til IE 7
<!--[if IE 7]>
<link.... src="ie7_screen.css">
<![endif]-->

og nej - der er stadig den lille forskel mellem IE 7 og de andre
browsere, heldigvis er mine IE 7 styles meget meget korte, med måske 3-5
linjer i. Men med IE6s markedsandel på 33.1% (jvf
<http://fdim.dk/?pageid=89>) så er IE6 stadig rimelig betydelig... desværre

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste