25 mai 2009

Message d'avertissement Javascript pour IE6

Il devient usant pour un développeur Web de rendre compatible un site ou une page web avec IE6 (Microsoft Internet Explorer Version 6).

Si vous n'avez plus de temps à perdre avec ce navigateur, contentez-vous d'afficher un message d'avertissement à destination uniquement des internautes utilisant ce logiciel avarié.

Concrètement, il s'agit de faire un test en fonction du navigateur, ce test peut être fait du coté serveur (en PHP par exemple) ou coté client en Javascript.

Voici 2 méthodes pour le faire en Javascript

Prêt à l'emploi

Voici 2 petites libraires Javascript qui se chargent de faire le boulot :

Fait maison

Il existe une astuce permettant de réaliser une instruction javascript uniquement sous IE6, ensuite libre à chacun d'afficher son message.

if (typeof document.body.style.maxHeight === "undefined") {
    alert('IE6 not suported !');
    return false;
}

Il reste juste à exécuter cette instruction au chargement de la page et ça aussi ça pose problème sous ie6. Voir le blog de Dean Edwards à ce sujet

2 commentaires:

  1. À mon avis, ton astuce se déclenche aussi pour de vieux navigateurs différents de IE6.

    RépondreSupprimer
  2. @H_I effectivement c'est fort probable...

    RépondreSupprimer