{"authorId":1,"title":{"title":{}},"slug":"updated-dean-edwards-ie7-scripts","postDate":1199832716,"expiryDate":null,"enabled":1,"fields":{"2":"<p>As I have noted in previous posts: <a href=\"http:\/\/trevordavis.net\/blog\/tutorial\/using-dean-edwards-ie7-script\/\">Using Dean Edwards&rsquo; IE7 Script<\/a>, <a href=\"http:\/\/trevordavis.net\/blog\/tutorial\/the-ultimate-png-guide\/\">The Ultimate PNG Guide<\/a>, I am a big advocate of the Dean Edwards&rsquo; IE7 scripts.<\/p>\n\n<p>Thankfully, <a href=\"http:\/\/dean.edwards.name\/weblog\/2008\/01\/ie7-2\/\">Dean has improved them even more<\/a>. Instead of having a ton of different JavaScript files with large file sizes, he has compressed them into two light-weight JavaScript files.<\/p>\n<!--more-->\n<p>The are now two scripts, <a href=\"http:\/\/trevordavis.net\/ie7\/IE7.js\">IE7.js<\/a> and <a href=\"http:\/\/trevordavis.net\/ie7\/IE8.js\">IE8.js<\/a>, and they are <a href=\"http:\/\/code.google.com\/p\/ie7-js\/\">hosted on Google Code<\/a>. The IE7.js file &ldquo;fixes&rdquo; IE5 and IE6 so that it is up to par with IE7. Then, IE8.js adds in some additional functionality that is missing from IE7. <strong>Note:<\/strong> If you include IE8.js, you <strong>do not<\/strong> need to include IE7.js.<\/p>\n\n<h2 class=\"replaceHeadline\">Usage<\/h2>\n<p>There are a couple of different options here, you can either download the files and place them on your server or link directly to the Google Code version.<\/p>\n\n<h3 class=\"replaceHeadline\">Option 1: Download Files<\/h3>\n<ol>\n<li><a href=\"http:\/\/ie7-js.googlecode.com\/files\/ie7-2.0%28beta%29.zip\">Download the ZIP file<\/a>.<\/li>\n<li>Extract the IE7 folder to the root of your server.<\/li>\n<li><p>Include the script in the head of your document:<\/p>\n<div class=\"codeblock\"><code>\n&lt;!--&#91;if&nbsp;lt&nbsp;IE&nbsp;7&#93;&gt;<br \/>&lt;script&nbsp;src=\"\/ie7\/IE8.js\"&nbsp;type=\"text\/javascript\"&gt;&lt;\/script&gt;<br \/>&lt;!&#91;endif&#93;--&gt;&nbsp;\n\n<\/code><\/div>\n<p>In this example, I am targeting all versions of Internet Explorer less than IE7, and applying the IE8 script to it. Or, you could apply the IE7 script instead, I just wanted the advanced CSS functionality.<\/p>\n<p>You could also set it so that it is applied in IE7 as well:<\/p>\n<div class=\"codeblock\"><code>\n&lt;!--&#91;if&nbsp;lte&nbsp;IE&nbsp;7&#93;&gt;<br \/>&lt;script&nbsp;src=\"\/ie7\/IE8.js\"&nbsp;type=\"text\/javascript\"&gt;&lt;\/script&gt;<br \/>&lt;!&#91;endif&#93;--&gt;&nbsp;\n\n<\/code><\/div>\n<\/li>\n<li>Open IE6 and enjoy some things not being broken.<\/li>\n<\/ol>\n\n<h3 class=\"replaceHeadline\">Option 2: Link to Google Code Files<\/h3>\n<ol>\n<li><a href=\"http:\/\/ie7-js.googlecode.com\/svn\/version\/\">Find the version of the file you want to use<\/a><\/li>\n<li>Copy the URL, ex: <a href=\"http:\/\/ie7-js.googlecode.com\/svn\/version\/2.0(beta)\/IE8.js\">http:\/\/ie7-js.googlecode.com\/svn\/version\/2.0(beta)\/IE8.js<\/a><\/li>\n<li><p>Include the script in the head of your document:<\/p>\n<div class=\"codeblock\"><code>\n&lt;!--&#91;if&nbsp;lt&nbsp;IE&nbsp;7&#93;&gt;<br \/>&lt;script&nbsp;src=\"http:\/\/ie7-js.googlecode.com\/svn\/version\/2.0(beta)\/IE8.js\"&nbsp;type=\"text\/javascript\"&gt;&lt;\/script&gt;<br \/>&lt;!&#91;endif&#93;--&gt;&nbsp;\n\n<\/code><\/div>\n<\/li>\n<li>Smile, you just &ldquo;fixed&rdquo; IE6.<\/li>\n<\/ol>\n\n<p>Hopefully that should get you started with what you need. My previous articles: <a href=\"http:\/\/trevordavis.net\/blog\/tutorial\/using-dean-edwards-ie7-script.php\">Using Dean Edwards&rsquo; IE7 Script<\/a>, <a href=\"http:\/\/trevordavis.net\/blog\/tutorial\/the-ultimate-png-guide.php\">The Ultimate PNG Guide<\/a> have some other details about the previous version of the script, some of which still apply.<\/p>\n\n<p>Let me know if you have questions.<\/p>","4":{"website":{}}}}