5 Internet Explorer 6 Upgrade Scripts
IE6 is the new Netscape 4. The hacks needed to support IE6 are increasingly viewed as excess freight. Like Netscape 4 in 2000, IE6 is perceived to be holding back the web.
Aldus Jeffrey Zeldman, Standaarden guru, oprichter van Happy Cog.
Er zijn steeds meer bedrijven en designers/developers die niet meer standaard Internet Explorer 6 (willen) ondersteunen. Een goed voorbeeld van een website die de verouderde webbrowser niet meer ondersteunt is 37Signals (o.a. bekend van projectmanagement software: Basecamp). Ook Apple’s Mobile Me en Facebook geven een melding dat IE6 niet ondersteunt wordt. Omdat IE6 nog steeds een relatief groot marktaandeel heeft is het in sommige gevallen nog wenselijk de browser wel te ondersteunen. Een ecommerce website die 1 tot 5 procent van de omzet uit IE6 gebruikers haalt zal er natuurlijk voor kiezen deze groep gebruikers niet uit te sluiten, omdat ze anders dief van hun eigen portemonnee zijn. Maar voor bijvoorbeeld onze website of websites die IE6 gebruikers niet nodig hebben is het goed om een statement te maken en IE6 gebruikers erop te wijzen dat hun browser verouderd is. Er verschijnen steeds meer scripts die een waarschuwen voor de verouderde browser van Microsoft. De meeste zijn binnen 5 minuten te implementeren in je website.
Wij hebben een selectie gemaakt van scripts die te vinden zijn op Internet:
1. Heeftstijl.nl IE6 Upgrade script
Uiteraard hebben wij bij Heeftstijl.nl ook een eigen stukje code dat Internet Explorer 6 gebruikers attendeert op het feit dat hun browser verouderd is. Onze variant is gebaseerd op die van Fronteers (bedankt jongens!). Check het Fronteers script verderop. Grafisch is er overigens niets mis met het script van Fronteers, maar wij wilden het gewoon anders doen 
Pluspunten
- Vriendelijk ontwerp.
- Biedt alternatieven naast IE8.
- Het ziet er gewoon slick uit!
Zet de volgende code in de <head> van je pagina:
<!--[if lte IE 6]><iframe src="http://www.heeftstijl.nl/bestanden/ie6-upgrade/index.php?lang=nl" frameborder="no" style="height: 81px; width: 100%; border: none;"></iframe><![endif]-->
Standaard zal het script de bezoeker aanraden IE7 te installeren. Wil je liever dat mensen Firefox 3 adviseren? Voeg dan de volgende code toe aan de <head> van je pagina:
<!--[if lte IE 6]><iframe src="http://www.heeftstijl.nl/bestanden/ie6-upgrade/index.php?lang=nl&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;fx3=true" frameborder="no" style="height: 81px; width: 100%; border: none;"></iframe><![endif]-->VoorbeeldHeeftstijl script[postDownload subtitel='Heeftstijl script' url='http://www.heeftstijl.nl/wp-content/uploads/2009/04/heeftstijl-ie6-upgrade.zip']
WordPress plugin
We hebben ook een WordPress plugin gemaakt. Hiervoor is het belangrijk dat je in de <head> van je thema de wp_head() functie aanroept, anders werkt de plugin namelijk niet. Veel plezier ermee!DownloadWordpress plugin
2. IE6 Upgrade Warning
Het leuke aan dit script is dat het de positieve kant van upgraden naar een nieuwere browser benadrukt. Een vriendelijk script dus. Zoals je hieronder kan zien biedt het script de mogelijkheid om te upgraden naar verschillende nieuwe browsers, waaronder IE7, Firefox, Safari, Opera en Chrome.
Dan Mihai Ile zegt zelf:
From now on all my webpages will contain a polite message informing the user to update his browser to a newer version or a different browser before entering the website.
Pluspunten
- Vriendelijk ontwerp. Ook de boodschap is subtiel gebracht. Er wordt niet met “het vingertje” gewezen.
- De browsers worden op een gelijkwaardige en visuele manier gepresenteerd.
Om het script werkend te krijgen hoef je alleen het volgende stukje code na de </body> tag te plaatsen:
<!--[if lte IE 6]><script src="js/ie6/warning.js"></script><script>window.onload=function(){e("js/ie6/")}</script><![endif]-->
DownloadWarning scriptOok is er een Nederlandse vertaling beschikbaar.
3. Fronteers script
Onze vrienden van Fronteers hebben ook een script gemaakt. Er valt geen melding over de pagina heen, maar er wordt een iFrame boven de pagina geplaatst. Erg handig! Het script is ook te vinden op Browserinfo.info.
Pluspunten
- Vriendelijk ontwerp.
- Biedt alternatieven naast IE8.
Ook hiervoor geldt: De volgende code net onder de </body> tag plaatsen:
<!--[if lte IE 6]><iframe src="http://fronteers.nl/_tmp/ie6-upgrade/" frameborder="no" style="height: 81px; width: 100%; border: none;"></iframe><![endif]-->DownloadFronteers script
4. Stop IE6
Het script van stopie6.org lijkt erg op het voorgaande script, maar is in te stellen op No mercy of Tolerant.
De No mercy optie laat zorgt ervoor dat mensen een website helemaal niet te zien krijgen, terwijl de wat tolerantere versie van het script alleen een waarschuwing geeft. Het enige nadeel is dat een gebruiker doorverwezen wordt naar stopie6.org en niet direct te zien krijgt wat hij moet doen om de browser te upgraden.
Plaats deze code net na de </body> tag in je website:
<!--[if lte IE 6]> <script src="js/StopIE6.js" type="text/javascript"></script> <![endif]-->DownloadNo mercy script[postDownload subtitel='Tolerant script' url='http://stopie6.org/js/tolerant/StopIE6.js']
5. Stop Living in the Past
Op www.stoplivinginthepast.com is een simpel waarschuwingsscript te vinden dat de melding “Stop Living in the Past and Upgrade!” geeft.
Pluspunten
- Leuke insteek van dit script is dat het mensen niet afschrikt door rode kleuren, maar juist rustig overkomt door het gebruik van de kleur blauw.
- Plugin voor WordPress. Handig!
- Licht, klein, snel.
Minpunt
- De waarschuwing biedt alleen de mogelijkheid op te upgraden. Er worden geen alternatieven voor Internet Explorer geboden.
- Beetje saai. Niet erg mooi vormgegeven.
Draait jouw website niet op WordPress? No worries, de code is hier te vinden zodat je hem handmatig kan implementeren.
DownloadWordpress plugin
Tot slot
Mocht je de Kollum “Internet Explorer 6 moet kapot” van Rutger nog niet gelezen hebben moet je dat zeker even doen.
Heb jij ook zelf een script gemaakt? Laat het ons weten. Misschien nemen we hem dan nog in het artikel op.
Milan van Bruggen
Over de auteur
Milan van Bruggen
Milan van Bruggen is designer & WordPress specialist uit Zwolle. Momenteel is hij werkzaam voor Clockwork. Het liefst helpt hij mensen met Internet vraagstukken. Daarom noemt hij zichzelf graag creatief consultant!
| Website | http://www.milanvanbruggen.nl |
| milanvanbruggen | |
| @milanvanbruggen |
(Nog geen stemmen uitgebracht)
Loading ...
Geplaatst op 
Tags: 
