[update] IE6Bar: Internet Explorer 6 upgrade notice

Door ERIKvanPAASSEN op dinsdag 13 april 2010 15:54 - Reacties (30)
Categorie: Scripts, Views: 9.207

Deze post is bijgewerkt op 14 april 2010. Zie update onderaan.

De ondersteuning voor Internet Explorer 6 wordt inmiddels bijna overal op het web afgebouwd. Zelfs Tweakers.net en Google doen hieraan mee. Wanneer IE6-gebruikers jouw site zonder IE6-support bezoeken, kun je ze niet zomaar een brakke webpagina voorschotelen: een uitleg waarom de pagina niet goed werkt is toch minstens op zijn plaats.
Nadelen van bestaande scripts
Er bestaan al veel scripts die bovenstaand probleem voor je oplossen en gebruikers van Internet Explorer 6 van een waarschuwing voorzien. Veel van deze scripts ontzeggen je dan ook direct toegang tot de site; iets dat in mijn ogen not done is. De gebruiker kan toch zeker zelf wel bepalen of de pagina voor hem of haar bruikbaar genoeg is in de oudere browser?

De meeste andere scripts voor het presenteren van een waarschuwing proberen de gold bar van Internet Explorer te immiteren. Deze 'gold bar' is echter nooit een echt succes gebleken en zelfs vaak onderwerp van kritiek.
Mijn eigen baksel: IE6Bar
Om deze reden heb ik nu mijn eigen waarschuwingsscript gebrouwen, genaamd IE6Bar. De waarschuwingsbalk kan verborgen worden door de gebruiker en plaatst dan ook een cookie om deze instelling te onthouden. Dit voorkomt het opwekken van ergernissen door herhaling van de boodschap.

Het script maakt gebruik van de jQuery-library en de jQuery Cookie plugin. De boodschap is standaard in het Engels, maar er is ook een Nederlandse versie beschikbaar. Daarnaast zijn alle teksten ook zelf te configureren. Hieronder zie je twee screenshots van de balk in actie.

Update 14-04: Inmiddels heb ik met versie 1.1 een kleine update uitgebracht: het is nu middels een optie wťl mogelijk de balk als overlay te tonen. (Bedankt voor de tip, Leftblank!) Daarnaast is er een extra configuratieoptie opgenomen om de breedte van de tekstcontainer in te stellen, zodat je ook kortere teksten gewoon kunt centreren.

Meer informatie & Download: https://github.com/evpaassen/ie6bar

http://img.evpwebdesign.nl/ie6bar/thumbs/ie6-bar.png

http://img.evpwebdesign.nl/ie6bar/thumbs/ie6-bar-expanded.png


Met dank aan Crisp voor het kunnen gebruiken van JSMin+.