Home/ Questions/Q 7046495
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T02:39:26+00:00

I’ve been tasked with bringing a site up-to-date with modern standards. After reading the

  • 0

I’ve been tasked with bringing a site up-to-date with modern standards. After reading the website statistics, I realized that there’s still a significant minority (almost 10%) using IE6 and IE7.

Thankfully I have been given creative freedom on this project. Given this freedom, are you aware of a simple javascript pop-up or library I can use to alert the user that their browser is desperately out of date? Preferably something that has easy to understand instructions.

Many thanks to the future answers. You are saving the web.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use Modernizr and jQuery. It will also help you provide support / target old browser when developing using HTML5.

    To create a unsupported message:

    Your html file:

        <!doctype html>
    <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>

    <script src="modernizr.js"></script>
    <script src="jQuery.js"></script>
    <script>
    $(".close-warning").click(function(){
        $(".browser-warning").fadeOut("slow");
        return false;
    });
    </script>
    <style>
    .browser-warning {
        display: none;
        background: yellow;
        width: 100%;
        border-top: solid 1px #999;
        border-bottom: solid 1px #999;
        text-align: center;
        padding: 5px 0 5px 0;
     }
    /* Target old browsers with modernizr */
    .oldie .browser-warning {
        display: block;
    }
    </style>
    </head>
        <div class="browser-warning">
            You are using an outdated browser. Please upgrade now to a modern browser in order to benefit of all our site's features:
            <a href="http://www.google.com/chrome/">Chrome</a>,
            <a href="http://getfirefox.com">FireFox</a>,
            <a href="http://www.opera.com/download/">Opera</a>, 
            <a href="http://www.apple.com/safari/">Safari</a> or 
            <a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie">Internet Explorer</a>.  
            [<a class="close-warning" href="#">Close</a>]
        </div>
    [...]
    </html>

    It’s tested and it should do the trick.

    Edited:

    Or you can use a simple JS from http://www.browser-update.org (but the JS file is on their server).

    <script type="text/javascript"> 
   var $buoop = {} 
   $buoop.ol = window.onload; 
   window.onload=function(){ 
      try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
      var e = document.createElement("script"); 
      e.setAttribute("type", "text/javascript"); 
      e.setAttribute("src", "http://browser-update.org/update.js"); 
      document.body.appendChild(e); 
   }
</script>
    • 0