Changez de navigateur !

Ce plugin permet d’afficher un gentil message aux internautes surfant avec un trop vieux navigateur afin de les prévenir qu’ils ne visitent pas le site dans les meilleures conditions.

Téléchargez, installez et activez le plugin ci-joint et... c’est tout !

Ce plugin insère automatiquement le message ci-après, en haut de chaque page de votre site, uniquement dans les vieux navigateurs.

Message affiché

Dans sa dernière version, le message s’affiche pour les navigateurs Internet Explorer inférieurs à la version 8 :

Attention, votre Internet Explorer n’est pas à jour !
Savez-vous que votre navigateur est obsolète ? Pour naviguer de façon plus satisfaisante sur ce site et le reste du Web, nous vous recommandons d’actualiser votre Internet Explorer ou d’essayer d’autres navigateurs web populaires.

Personnaliser l’affichage

Si vous souhaitez afficher le message à un autre endroit de la page, il vous suffit de placer le bloc div#noie à l’endroit voulu du squelette, par exemple : <div id="noie"></div>

Discussion

19 discussions

  • 3

    Excellent initiative.

    Ils disent qu’il faut placer le message à un autre endroit de la page : placer le bloc div#noie à l’endroit voulu de votre squelette, par exemple :

    Q : Dans quel fichier du dossier squelettes ?

    Même chose pour une autre campagne, avec l’insertion d’une autre noisette pour afficher la campagne « Trop cool pour IE » :

    Q : Dans quel fichier du dossier squelettes ?

    Merci pour votre aide, je débute.

    • @arno2 (c’est pas bien de plagier le pseudo d’ARNO* :P )

      Dans quel fichier du dossier squelettes ?

      Perso, je l’ai mis dans mon inc-pied.html. Comme cela ce n’est pas le premier texte que lisent les robotss d’indexation, ce qui évite de « polluer » tes résultats de recherche.

      Ensuite, une fois placé dans ton pied de page, tu peux tout à fait positionner ta #noie en absolute en top=0px ; pour qu’elle apparaisse en haut de ta page ;)

    • @Loiseau2nuit : les robots d’indexation ne voient pas ce texte puisqu’il s’agit d’un commentaire HTML

    • Pourtant c’est bien après avoir vu ce message apparaitre dans un des résultats Google d’un de mes sites que j’ai pris la décision de le mettre en pied de page à l’avenir.

      Je pense que certains arrivent à les lire quand même, ces commentaires ne sont que conditionnels après tout :/

    Répondre à ce message

  • 1

    Mon problème c’est que le message s’affiche quelque soit le navigateur ’— EDIT : Bon j’ai réussi à améliorer. Seulement je suis obliger de mettre if lte IE 7 comme balise conditionnelle si je mets if lte IE 6 ou if lt IE 7 mon blog ne s’affiche pas sous IE... EDIT2 : encore pire je suis obligé de mettre if lte IE 8 ’— Bon jvais pioncer j’en ai marre x)

    • @N-Boy : T’as un exemple en ligne ?

      <!--[if lt IE 7]> marche très bien chez moi... je comprends pas...

    Répondre à ce message

  • 2

    Looool Fil et Romy :D

    J’avais fait le même avec un javascript conditionnel mais mon message à moi est beaucoup plus incisif :P

    Quand à la campagne de désinstallation d’IE6, ca ne date pas de février 2009 mais d’Août 2008 et il semble que ca provienne d’un hub Facebook situé outre-atlantique. J’en parle rapidement ici

    Après, moi et la géographie ;-)

    • @Loiseau2nuit : Il existe plusieurs campagnes anti-IE, mais très peu s’adressent vraiment à l’utilisateur pénalisé, c’est-à-dire à l’internaute qui surfe encore avec Internet Explorer 6. La campagne relayée par défaut par ce plugin s’adresse d’abord à cet internaute. Celle-ci a été initiée début février par Finn.no, un important site Norvégien de vente aux enchères (le plus important en Norvège, devant eBay, c’est dire), comme le relate l’article de Wired Blog « Norwegian Websites Declare War on IE 6 », ici traduit par FramaBlog : « Le jour où le Web refusa le navigateur Internet Explorer 6 ». J’en parle aussi sur mon blog.
      Rappelons encore la page de référence de cette campagne : IE6: Do NOT want!

    • @Romy : où comment gagner quelques backlinks de plus chez l’Oiseau :-P

      Je viens d’apporter quelques précisions à mon article. Je n’avais en effet pas capté l’initiative norvégienne (Je me disais aussi qu’une bonne idée chez Facebook, ca pouvait pas être normal :-P )

    Répondre à ce message

  • 2

    Très bonne initiative =) Est-ce qu’il y aurai un moyen de le mettre sur un blog Overblog ?
    Merci d’avance =)

    • si tu as accès au code HTML de tes pages sur Overblog, tu peux tout à fait reproduire le même style d’avertissement en utilisant un commentaire conditionnel.

      Voici le bloc de code que j’utilise (avant de passer au plugin), à placer avant le tag fermant </body>

      <!-- WARNING IE6 -->
      		
      <!--[if lt IE 7]>
      <div id="ie6_warning">
      <h1>Vous utilisez Internet Explorer 6 !</h1>
      <p>
      Ce navigateur n'étant <strong>plus maintenu et présentant nombre de failles techniques et sécuritaires</strong>, -nom_du_site- ne peut assurer sa compatibilité avec les technologies avancées en oeuvre sur son site web. <strong>-nom_du_site- ne garantit par conséquent ni la sécurité, ni la conformité, ni le confort de votre navigation sur ce site web.</strong> et vous recommande vivement d'<a onclick="window.open(this.href);return false;" href="http://www.mozilla-europe.org/fr/products/firefox/" title="T&eacute;l&eacute;charger gratuitement Mozilla Firefox pour PC Windows MAC-OSX LINUX" class="spip_out" >utiliser Mozilla Firefox</a> ou de <a  onclick="window.open(this.href);return false;" href="http://www.microsoft.com/france/windows/downloads/ie/getitnow.mspx" title="T&eacute;l&eacute;charger Gratuitement Internet Explorer pour PC Windows" class="spip_out">mettre à jour votre version d'Internet Explorer</a>
      
      <!-- UN ARTICLE POUR EN SAVOIR PLUS -->
      &mdash; <a href="http://www.loiseau2nuit.net/le-geek-lab/tendances-web/journee-mondiale-de,108" title="Pourquoi ne faut-il pas garder Internet Explorer 6"><strong>En savoir plus</strong></a>.
      <!-- fin de /UN ARTICLE POUR EN SAVOIR PLUS -->
      
      </p>
      </div>
      <![endif]-->

      Ensuite, il te suffit de régler les styles CSS du bloc #ie6_warning dans ta feuille de style.

      Le bloc <!-- UN ARTICLE POUR EN SAVOIR PLUS --> affichera un lien vers un article que j’ai écrit sur mon site pour expliquer le phénomène. Tu peux le retirer, changer le lien pour mettre à la place un article d’explication à toi... ou bien le laisser ce qui me rendrait bien évidement service, mais ce n’est pas une obligation ;-)

      PS : tu peux aussi abandonner overblog et ouvrir un blog sous Spip :-D

    • @N-boy : le code à insérer se trouve sur le wiki officiel de la campagne, traduit en plusieurs langues (dont version française ici), et mis en plugin pour différents CMS.

    Répondre à ce message

  • lol :)

    Dommage qu’il n’existe pas la même initiative soutenue pour les newsletter et Outlook 2007 ! :D

    Répondre à ce message

  • MrManchot

    C’est mis en place pour moi :)

    Répondre à ce message

  • Yes trés trés bon, J’utilise de suite !

    Merci à vous deux !

    Répondre à ce message

  • 1

    Excellente idée ce plugin : j adhère totalement... Bravo Romy et Fil

    Répondre à ce message

  • Fonctionne nickel sur mon site en 2.0.3 ! A tester avec http://tredosoft.com/Multiple_IE/ si, comme pas mal d’internautes, vous êtes heureusement passés à IE7 ou 8 ou mieux à un navigateur alternatif.

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom