Plugins

We filed this in your cabinet of tricks
1.6
IE6 Upgrade Option
08. February 2010 · Author: Dale Crum
31 Comments

IE6 Upgrade Option

IE6 Upgrade Option utilizes the 7.9kb script created by mihai.ile: http://code.google.com/p/ie6-upgrade-warning/ as a WordPress plugin. I preferred this script over the many alternatives due to the fact that the message is displayed with a Lightbox effect and not placed at the top of the code forcing content down and drastically altering the page appearance. This plugin displays a warning message, simply and politely informing the user that their browser is out of date and providing links to download newer browsers. Links included are: IE8, Firefox, Opera, Safari, and Chrome.

The web page remains visible through a transparent Lightbox effect in the background and the user has the option of closing the window agreeing that their experience may be severely degraded. The javascript then installs a cookie preventing the window from appearing again, unless the cookies are cleared. The script is added to the footer of the HTML only if the browser is detected as being an MSIE browser, notably Internet Explorer 6.

To change the copy to reflect a language of your choice simply open the warning.js file and replace the default message text. Current quick translations include: English, German, Hungarian, Spanish and Swedish. Thank you to Melvis Leon and Jimmy of angrycreative.se for the translations.

Installation

  1. Download the plugin and expand it.
  2. Copy the ie6-upgrade-option folder into your plugins folder ( wp-content/plugins ).
  3. Log-in to the WordPress administration panel and visit the Plugins page.
  4. Locate the ie6-upgrade-option plugin and click on the activate link.
  5. The message can be modified by opening the warning.js file and altering the default English.

Screenshot

doc4design.com - IE6 Upgrade Option - Screenshot

31 Comments

« Older Comments
  1. Doc4 says:
    July 29, 2010

    Robert,

    Thanks for letting me know about this. The image has been replaced.

  2. Robert says:
    July 28, 2010

    Thanks for the plugin! It would be good on your page here to see a demo of the window so we can be sure we want to use it on our client site.

  3. Johannes Pilkahn says:
    July 25, 2010

    First of: Thanks a bunch, great plugin, great script.

    Secondly, I’ve noticed that the German translation is missing msg4.
    This would be a suiting translation:

    msg4 = “Schliessen Sie dieses Fenster, sollte Ihnen bewusst sein, dass diese Website und viele andere deutlich besser dargestellt werden könnten.”,

  4. Doc4 says:
    June 2, 2010

    Jeferson,

    At this time the language selection is done manually. Open the ie6-upgrade-option plugin folder and look for the warning.js file. Open the warning.js file and change the default message to the language of your choice. Below is the default code you are looking for:

    default:
var msg1 = "Did you know this version of Internet Explorer is out of date?",
      msg2 = "This website does not support Internet Explorer 6. Things are bound to be broken and perhaps unusable. We recommend an upgrade to a newer version of Internet Explorer or another web browser. A list of the most popular web browsers can be found below",
      msg3 = "Just click on the icons to get to the download page",
      msg4 = "By closing this window you acknowledge that your experience on this website will be degraded",
      msg5 = "CLOSE";
break
}

  5. jeferson says:
    June 2, 2010

    Hello,
    I would like to know how to add my language to file. The language is Brazilian Portuguese

  6. Doc4 says:
    April 20, 2010

    Yo,

    I must have completely missed your comment. To change the background color open the warning.js file and look for lines: 138 and 139. They should look like this:

    _dl.style.filter = "alpha(opacity=50)";
_dl.style.background = "#FFF";

    Alter the hex code #FFF to any color you wish. #000 for black.

  7. Jimmy says:
    April 20, 2010

    Sorry – I’m SO swamped with work atm :(

« Older Comments

Leave A Comment

Please wrap any code within the <code> tag to display properly

The Dreaded Box

I've been thinking a lot lately about stability versus spontaneity, freedom versus structure. Sometimes I find myself saying things like, "You can't grow unless you try new things,...

Do this, Not that –

As I sit here at my desk with yet another article deadline staring me in the face, I can't help but wonder if I'm the only one who is plagued by the appealing face of procrastination....

The Only Advertising Advice ...

In the advertising business we all aspire to do something big, something memorable, something great that has never been done before; unfortunately not very many of us get the opportunity...

WordPress Tutorial: 5 ...

I am under the personal belief that post titles should be short, sweet and precise enough to get the point across without sounding like an awkward newspaper headline. Sadly not all...

A Design Trend That Might ...

If you're involved in the world of design, whether it is by trade or business necessity, then you are probably familiar with the term "spec design", also known as "crowdsourcing". The...