2021-04-18 10:23:24 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > YBlog - How to handle evil IE< / title >
< meta name = "keywords" content = "web, webdesign, jQuery" / >
< link rel = "shortcut icon" type = "image/x-icon" href = "../../../../Scratch/img/favicon.ico" / >
2021-05-25 20:25:47 +00:00
< link rel = "stylesheet" type = "text/css" href = "/css/y.css" / >
< link rel = "stylesheet" type = "text/css" href = "/css/legacy.css" / >
< link rel = "alternate" type = "application/rss+xml" title = "RSS" href = "/rss.xml" / >
2021-04-18 10:23:24 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link rel = "apple-touch-icon" href = "../../../../Scratch/img/about/FlatAvatar@2x.png" / >
<!-- [if lt IE 9]>
< script src = "http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js" > < / script >
<![endif]-->
<!-- IndieAuth -->
< link href = "https://twitter.com/yogsototh" rel = "me" >
< link href = "https://github.com/yogsototh" rel = "me" >
< link href = "mailto:yann.esposito@gmail.com" rel = "me" >
< link rel = "pgpkey" href = "../../../../pubkey.txt" >
< / head >
< body lang = "en" class = "article" >
< div id = "content" >
< div id = "header" >
< div id = "choix" >
< span id = "choixlang" >
< a href = "../../../../Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/" > French< / a >
< / span >
< span class = "tomenu" > < a href = "#navigation" > ↓ Menu ↓< / a > < / span >
< span class = "flush" > < / span >
< / div >
< / div >
< div id = "titre" >
< h1 > How to handle evil IE< / h1 >
< / div >
< div class = "flush" > < / div >
< div id = "afterheader" class = "article" >
< div class = "corps" >
< p > For developer IE is a nightmare. This is why, I use a method to disable my standard CSS and enable a IE only CSS. I use jQuery to accomplish that.< / p >
< div class = "sourceCode" id = "cb1" > < pre class = "sourceCode js" > < code class = "sourceCode javascript" > < a class = "sourceLine" id = "cb1-1" title = "1" > < span class = "at" > $< / span > (document).< span class = "at" > ready< / span > ( < span class = "kw" > function< / span > () < span class = "op" > {< / span > < / a >
< a class = "sourceLine" id = "cb1-2" title = "2" > < span class = "cf" > if< / span > (< span class = "va" > $< / span > .< span class = "at" > browser< / span > [< span class = "st" > " msie" < / span > ]) < span class = "op" > {< / span > < / a >
< a class = "sourceLine" id = "cb1-3" title = "3" > < span class = "co" > // include the ie.js file< / span > < / a >
< a class = "sourceLine" id = "cb1-4" title = "4" > < span class = "at" > $< / span > (< span class = "st" > 'head'< / span > ).< span class = "at" > append< / span > (< span class = "st" > '< script type=" text/javascript" src=" /js/ie.js" > < /scr'< / span > < span class = "op" > +< / span > < span class = "st" > 'ipt> '< / span > )< span class = "op" > ;< / span > < / a >
< a class = "sourceLine" id = "cb1-5" title = "5" > < span class = "op" > }< / span > < / a >
< a class = "sourceLine" id = "cb1-6" title = "6" > < span class = "op" > }< / span > )< span class = "op" > ;< / span > < / a > < / code > < / pre > < / div >
< div class = "sourceCode" id = "cb2" > < pre class = "sourceCode js" > < code class = "sourceCode javascript" > < a class = "sourceLine" id = "cb2-1" title = "1" > < span class = "co" > // Remove all CSS I don't want to use on IE< / span > < / a >
< a class = "sourceLine" id = "cb2-2" title = "2" > < span class = "at" > $< / span > (< span class = "st" > 'link[rel=stylesheet]'< / span > ).< span class = "at" > each< / span > (< span class = "kw" > function< / span > (i)< / a >
< a class = "sourceLine" id = "cb2-3" title = "3" > < span class = "op" > {< / span > < / a >
< a class = "sourceLine" id = "cb2-4" title = "4" > < span class = "cf" > if< / span > (< span class = "kw" > this< / span > .< span class = "at" > getAttribute< / span > (< span class = "st" > 'href'< / span > ) < span class = "op" > ==< / span > < span class = "st" > '/css/layout.css'< / span > ) < / a >
< a class = "sourceLine" id = "cb2-5" title = "5" > < span class = "kw" > this< / span > .< span class = "at" > disabled< / span > < span class = "op" > =< / span > < span class = "kw" > true< / span > < span class = "op" > ;< / span > < / a >
< a class = "sourceLine" id = "cb2-6" title = "6" > < span class = "cf" > if< / span > (< span class = "kw" > this< / span > .< span class = "at" > getAttribute< / span > (< span class = "st" > 'href'< / span > ) < span class = "op" > ==< / span > < span class = "st" > '/css/shadows.css'< / span > ) < / a >
< a class = "sourceLine" id = "cb2-7" title = "7" > < span class = "kw" > this< / span > .< span class = "at" > disabled< / span > < span class = "op" > =< / span > < span class = "kw" > true< / span > < span class = "op" > ;< / span > < / a >
< a class = "sourceLine" id = "cb2-8" title = "8" > < span class = "cf" > if< / span > (< span class = "kw" > this< / span > .< span class = "at" > getAttribute< / span > (< span class = "st" > 'href'< / span > ) < span class = "op" > ==< / span > < span class = "st" > '/css/gen.css'< / span > ) < / a >
< a class = "sourceLine" id = "cb2-9" title = "9" > < span class = "kw" > this< / span > .< span class = "at" > disabled< / span > < span class = "op" > =< / span > < span class = "kw" > true< / span > < span class = "op" > ;< / span > < / a >
< a class = "sourceLine" id = "cb2-10" title = "10" > < span class = "op" > }< / span > ) < span class = "op" > ;< / span > < / a >
< a class = "sourceLine" id = "cb2-11" title = "11" > < / a >
< a class = "sourceLine" id = "cb2-12" title = "12" > < span class = "co" > // Append the CSS for IE only< / span > < / a >
< a class = "sourceLine" id = "cb2-13" title = "13" > < span class = "at" > $< / span > (< span class = "st" > 'head'< / span > ).< span class = "at" > append< / span > (< span class = "st" > '< link rel=" stylesheet" type=" text/css" href=" /css/ie.css" /> '< / span > )< span class = "op" > ;< / span > < / a >
< a class = "sourceLine" id = "cb2-14" title = "14" > < / a >
< a class = "sourceLine" id = "cb2-15" title = "15" > < span class = "co" > // I also add a message on top of the page< / span > < / a >
< a class = "sourceLine" id = "cb2-16" title = "16" > < span class = "at" > $< / span > (< span class = "st" > 'body'< / span > ).< span class = "at" > prepend< / span > (< span class = "st" > '< div id=" iemessage" > < p> < span class=" fr" > < em> Avec < a href=" http://www.firefox.com" > Firefox < /a> et < a href=" http://www.apple.com/safari" > Safari< /a> cette page est bien plus jolie !< /em> < /span> < span class=" en" > < em> This page is far nicer with < a href=" http://www.firefox.com" > Firefox < /a> and < a href=" http://www.apple.com/safari" > Safari< /a> !< /em> < /span> < /p> .< /div> '< / span > )< span class = "op" > ;< / span > < / a > < / code > < / pre > < / div >
< p > That’ < / p >
< / div >
< div id = "afterarticle" >
< div id = "social" >
2021-05-25 20:25:47 +00:00
< a href = "/rss.xml" target = "_blank" rel = "noopener noreferrer nofollow" class = "social" > RSS< / a >
2021-04-18 10:23:24 +00:00
·
< a href = "https://twitter.com/home?status=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/%20via%20@yogsototh" target = "_blank" rel = "noopener noreferrer nofollow" class = "social" > Tweet< / a >
·
< a href = "http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fyannesposito.com/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/" target = "_blank" rel = "noopener noreferrer nofollow" class = "social" > FB< / a >
< br / >
< a class = "message" href = "../../../../Scratch/en/blog/Social-link-the-right-way/" > These social sharing links preserve your privacy< / a >
< / div >
< div id = "navigation" >
< a href = "../../../../" > Home< / a >
< span class = "sep" > ¦< / span >
< a href = "../../../../Scratch/en/blog" > Blog< / a >
< span class = "sep" > ¦< / span >
< a href = "../../../../Scratch/en/softwares" > Softwares< / a >
< span class = "sep" > ¦< / span >
< a href = "../../../../Scratch/en/about" > About< / a >
< / div >
< div id = "totop" > < a href = "#header" > ↑ Top ↑< / a > < / div >
< div id = "bottom" >
< div >
Published on 2009-10-30
< / div >
< div >
< a href = "https://twitter.com/yogsototh" > Follow @yogsototh< / a >
< / div >
< div >
< a rel = "license" href = "http://creativecommons.org/licenses/by/3.0/deed.en_US" > Yann Esposito©< / a >
< / div >
< div >
Done with
< a href = "http://www.vim.org" target = "_blank" rel = "noopener noreferrer nofollow" > < strike > Vim< / strike > < / a >
< a href = "http://spacemacs.org" target = "_blank" rel = "noopener noreferrer nofollow" > spacemacs< / a >
< span class = "pala" > & < / span >
< a href = "http://nanoc.ws" target = "_blank" rel = "noopener noreferrer nofollow" > < strike > nanoc< / strike > < / a >
< a href = "http://jaspervdj.be/hakyll" target = "_blank" rel = "noopener noreferrer nofollow" > Hakyll< / a >
< / div >
< hr / >
< div style = "max-width: 100%" >
< a href = "https://cardanohub.org" >
< img src = "../../../../Scratch/img/ada-logo.png" class = "simple" style = "height: 16px ;
border-radius: 50%;
vertical-align:middle;
display:inline-block;" />
ADA:
< / a >
< code style = "display:inline-block;
word-wrap:break-word;
text-align: left;
vertical-align: top;
max-width: 85%;">
DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
< / code >
< / div >
< / div >
< / div >
< / div >
< / div >
< / body >
< / html >
