Til udviklere

Sådan kan du opfordre dine besøgende, som bruger Internet Explorer 6 til at opgradere

Der findes forskellige måder hvorpå man kan indsætte beskeder som kun vises for besøgende der bruger Internet Explorer 6.

Conditional Comments

Conditional Comments (Wikipedia) gør det muligt, at indsætte kode i et HTML-dokument som kun fortolkes af Internet Explorer, mens det af alle andre browsere opfattes som en kommentar (det er også muligt at lave det lige omvendt). Det er ydermere muligt at målrette Conditional Comments specifikke versioner af Internet Explorer.

Følgende eksempel viser er IE6-besked som er pakket ind i Conditional Comments, så beskeden kun vises for besøgende der bruger en version af Internet Explorer lavere end 7.

<!--[if lt IE 7]><style type="text/css">
#drop-ie6{
background: #fffbcc;
color: black;
border: 2px solid #e6db55;
padding: 8px 8px 4px 8px;
margin: 5px;
}
#drop-ie6 h4.drop-ie6-content{
margin: 0 0 5px 0;
font-size: 18px;
}
#drop-ie6 p.drop-ie6-content{
margin: 0 0 4px 0;
}
#drop-ie6 a.drop-ie6-content{
color: black;
text-decoration: underline;
}
</style>

<div id="drop-ie6">
<h4 class="drop-ie6-content">Servicemeddelelse: Du bruger en ældre version af browseren Internet Explorer</h4>
<p class="drop-ie6-content">For at få den bedst mulige oplevelse med at bruge websider, anbefales det at du opgraderer til <a href="http://www.microsoft.com/danmark/windows/internet-explorer/" class="drop-ie6-content">nyeste version af Internet Explorer</a>. Alternativt kan du installere en alternativ browser, fx <a href="http://www.mozilla-europe.org/da/firefox/" class="drop-ie6-content">Mozilla Firefox</a>. Hvis du bruger en arbejds-pc, bør du kontakte den it-ansvarlige.</p>
<p class="drop-ie6-content"><a href="http://drop-ie6.dk/hvorfor" class="drop-ie6-content">Læs mere om hvorfor det er en dårlig idé at bruge Internet Explorer 6</a>.</p>
</div><![endif]-->

Ovenstående kode genererer en boks som denne:

Servicemeddelelse: Du bruger en ældre version af browseren Internet Explorer

For at få den bedst mulige oplevelse med at bruge websider, anbefales det at du opgraderer til nyeste version af Internet Explorer. Alternativt kan du installere en alternativ browser, fx Mozilla Firefox. Hvis du bruger en arbejds-pc, bør du kontakte den it-ansvarlige.

Læs mere om hvorfor det er en dårlig idé at bruge Internet Explorer 6.

Du er velkommen til at at bruge dette eksempel på dit website. Der er ingen tvang til at bruge dette eksempel, hvis du har en anden måde du foretrækker er det lige så godt. Det handler ikke om midlet, men om målet!

Hvis du vælger at bruge dette eksempel, er du naturligvis også meget velkommen til, at foretage alle de ændringer du har lyst til. Der er intet krav om at der linkes tilbage til drop-ie6.dk. Hvis du har lyst til at linke til andre alternative browsere er her en liste med links til de mest udbredte:

Blokér adgang for IE6-brugere

Hvis du ønsker helt at blokere adgangen til dit website for besøgende som bruger IE6, kan du bruge denne løsning. Idéen med denne løsning er ganske enkelt at IE6-brugere bliver viderestillet til en modificeret udgave af drop-ie6.dk, som beder dem om at opgradere deres browser, hvis de ønsker at anvende det pågældende site.

På drop-ie6.dk stilles en side, som du kan bruges til blokeringen, til rådighed. Du kan se et eksempel på siden her. En stor tak skal lyde til Jens Roland, som har stået for at lave denne modificerede udgave af drop-ie6.dk!

Download IE6-blokeringsside (~49 kb zip)

Når du har downloadet blokeringssiden, skal den uploades (fx vha. FTP) til det website du ønsker skal blokeres. På de sider som du ønsker skal være blokerede, indsættes følgende kodestump inden </head>.

Kodeeksemplet tager udgangspunkt i at de downloade filer er placeret i mappen ‘ie6′. Du kan selvfølgelig placere filerne i en hvilken som helst mappe, det kræver blot at værdien af ‘url’ ændres tilsvarende. Du er naturligvis velkommen til at viderestille til http://drop-ie6.dk/block/. Ulempen ved denne løsning er dog, at du sender de besøgende væk fra dit domæne, hvilket potentielt kan være forvirrende. Det er derfor anbefalelsesværdigt at uploade filerne til egen server. En selvhostet løsning giver desuden mulighed for, at foretage eventuelle ændringer, hvilket du naturligvis er velkommen til!

WordPress-plugin

Der findes et plugin til WordPress, som automatisk kan tilføje en besked til IE6-besøgende.

Pluginet tilbyder tre forskellige typer beskeder. Small, Big og Crash. Her er et eksempel på en besked af typen Small.

Shockingly Big IE6 Warning - "Small"

Shockingly Big IE6 Warning - "Small"

Billedet viser den engelske standardtekst. Det er nemt at ændre denne tekst. Ligeledes er det nemt at vælge hvilke browsere der skal linkes til.

Denne metode giver ikke så meget frihed som Conditional Comments, men er utrolig simpel at implementere hvis du bruger WordPress.