Skip to main content

IE and Progress

Most anybody who has dealt with web development has encountered frustrations dealing with one browser specifically...Internet Explorer.

Like many others, I'm sick of it.

IE 6 is dead, and IE 7 still needs to die. By today's standards they just do not live up to expectations any more. They are buggy, they are insecure, and they stifle web development progress. Oftentimes I end up working on issues where IE is the only thing broken. Programmers have to put various HACKS into their javascript and CSS only to appease the simple fact that the majority of their customers are still using IE6 and 7 and they dont' want to rock their customers' boat.

Luckily, I don't have that problem and can rock the boat.

I've hereby added to my site a bit of javascript that implores you - if you come to my site in a version of IE previous to ie 8, to upgrade.

It states:

"Your version of Internet Explorer is obsolete and your security is at risk. On behalf of developers all over the world, please upgrade to IE8, Firefox, or Chrome."

If you need more information on where you can download an update:

For web developers, the following adds this functionality:

In the <head> tag:

  1.   <script type="text/javascript" language="javascript" src="http://www.katalyststudios.com/public_scripts/jquery-1.4.2.min.js"></script>
  2.   <script type="text/javascript" language="javascript" src="http://www.katalyststudios.com/public_scripts/Com.Katalyst.IEWarn.js"></script>   
  3.   <script type="text/javascript" language="javascript">
  4.   $(document).ready(function () {
  5.     Com.Katalyst.IEWarn(8, '15px');
  6.   });
  7.     </script>
  8.     <style>        
  9.       #IEDetector{
  10.         position: absolute;
  11.         top: 0;
  12.         left: 0;         
  13.         font-family: arial;
  14.         font-size: 9pt;
  15.         margin: 0px;    
  16.         z-index: 10;  	   
  17.         background:#FFE; 	   
  18.         padding:5px;        
  19.         border-bottom:1px solid #300;        
  20.         text-align:center;         
  21.         font-weight:bold;         
  22.         width:99%;      
  23.         height: 0px;
  24.         display: none;
  25.       }           
  26.     </style>

and on the page itself:

  1.   <div id="IEDetector">
  2.     <img src="/images/button_cancel-16.png" id="close_IEDetector" style="float: right; cursor: pointer; width: 16px;line-height: 0px; height: 16px; margin: 0px; padding: 0px;"  />
  3.     <div width="800px">Your version of Internet Explorer is obsolete and your security is at risk.  On behalf of developers all over the world, please upgrade to IE8, Firefox, or Chrome.</div>
  4.   </div>

The IEWarn function takes 2 arguments - an expected version number, and a height for the animation. It uses jQuery to animate.

It will show up in compatibility mode IF the user hasn't already come to the site in IE today. IEWarn uses cookies to only display the notice once per day to a given computer.