How to Programming with Internet-explorer-9

Getting an error when aborting AJAX request in IE9

javascript,ajax,internet-explorer,internet-explorer-9

Codifying our long discussion into an answer... Per various articles like this one I've found on this topic (it's not an unusual issue in IE), IE does not like you to access the standard properties on the xmlHttp object after you call .abort(), but it will still trigger some onreadystatechange...

IE9 CSS universal selector takes precedence over direct selector with important

css,internet-explorer,internet-explorer-9

It's not that the universal rule has higher specificity, it's that select is not going to style the text color in IE9. From your JSFiddle, #gift-sel option will style that text in IE9, as IE9 is relying on option instead of select to style the color....

How do I prevent jquery from reloading an animation in IE mouse hover?

jquery,internet-explorer,internet-explorer-9

Turns out the developer was using mouseover and mouseleave. I didn't notice that until I had him review his code with me. Of course this was causing a trigger every time the mouse moved. Changing mouseover to mouseenter solved the issue.

Internet explorer 9 will not recognize doctype sent by servlet from weblogic server and renders in document mode IE7 - extra characters before start?

java,html,servlets,internet-explorer-9,weblogic

IE may have some configuration settings that override <!doctype html> in the markup. As per https://msdn.microsoft.com/en-us/library/ie/jj676914(v=vs.85).aspx: Pages opened in the Intranet zone might be treated differently, depending on the configuration of the browser, the presence of group policy options, and other factors. Try to check places listed in the article...

AngularJS Yeoman + Grunt Build Script1014 Invalid Character IE9

angularjs,internet-explorer-9,gruntjs,yeoman,minify

This is a result of known problems with unicode support in IE. To avoid this issue, you can pass the ascii_only: true option to the uglify task in your Gruntfile.js. The complete uglify section could look like this: uglify: { options: { beautify: { ascii_only: true, quote_keys: true, beautify: false...

How to eliminate slow scroll through all options in select multiple list in Internet Explorer 9

jquery,html,internet-explorer,internet-explorer-9

My final implementation was much simpler. I simply wrap the selection process with a jQuery hide/show. $(document).ready(function() { $('#selectAll').click(function(e) { $('#lb').hide(); $("#lb option").prop("selected",true); $('#lb').show(); }); }); JSFiddle: http://jsfiddle.net/4b7avgmm/17/...

ckeditor can't access root directory IE9

php,internet-explorer,ckeditor,internet-explorer-9

I found how to make it work. As I said, I used <meta http-equiv="X-UA-Compatible" content="IE=9.0"> in my files to make ckeditor working. What to do if you have the same problem that I HAD, in ckeditor\plugins\pgrfilemanager, open PGRFileManager.php and add the meta <meta http-equiv="X-UA-Compatible" content="IE=9.0"> on the <head>. Like <head>...

.load() function in IE10/9 not working

javascript,jquery,internet-explorer,internet-explorer-9,internet-explorer-10

IE9/10 does not support window.location.origin. I removed url from var icon, and made it a relative path. Thanks everyone for the help. function icons() { $('.icons').each(function() { var counter = 0; var select = $(this).text(); var path = "/wp-content/themes/Proxy-Engine/dist/assets/icons/svg/"; var ext = ".svg"; var icon = path+select+ext; $(this).load(icon, function() {...

How to get style attribute value before IE9 strips it

javascript,css,internet-explorer,internet-explorer-9,inline-styles

Unfortunately, due to the manner in which IE9 implements the CSS Object Model specification, this is not possible. If we take a look at the specification, we can assume the following is what happens (emphasis mine): 6.7.1 Parsing CSS Values To parse a CSS value value for a given property...

.toggle() does not work with IE9

jquery,internet-explorer-9,toggle

Instead of: $(event.target); use: $(this); jsFiddle example Different versions of IE have issues that jQuery normalizes, such as what you're seeing with event.target....

span width not properly setting in ie9 but working in ie 11

css,internet-explorer-9,internet-explorer-11

I tried debugging more and found out the issue. Width in span was set in span without unit. <span style='width:100'></span> it was causing the error. After changing it to <span style='width:100px'></span> it worked in ie9 and ie11 . Thanks ...

Angualr JS module not loading in IE 9

angularjs,html5,internet-explorer-9

Does this work in any browser? Not sure why you have created another module called modules.. but change your script to the following and you should avoid errors. var mainAppModule = angular.module('mainApp', ['ngRoute', 'breadcrumbs', 'slices', 'modules', 'tableview', 'tableSettings', 'pagination', 'ui', 'prompt']).config(function($routeProvider) { appRoutes.init($routeProvider); mainAppModule.controller("mainAppCtrl", ['$scope', function($scope){ //put your controller functionality...

IE9 32bit vs 64bit PDF weird file open behaviour

c#,asp.net,pdf,internet-explorer-9

This has nothing to do with the server side code and everything to do with the configuration of the browser (effectively it's a user preference). There is no x64 Acrobat AX control. Your best bet is to supply a Content-Disposition header to force download. User then can decide to...

IE vertical centering bug with table-cell parent and absolutely positioned pseudo-element

css,internet-explorer,internet-explorer-9,vertical-alignment,internet-explorer-11

The issue seems to be with how IE is calculating the heights of the cells. Their heights seem to be based on the height of the contents, not the element itself. So I moved the relative positioning to the list itself as its intrinsic height should be consistent: .progress-bar {...

Does slip.js not working on IE9?

internet-explorer-9

You might want to try adding the -ms- prefix to the CSS transforms. See pull request #39 in the github repo (https://github.com/pornel/slip/pull/39/files). Basically, it detects IE9 browser: var damnYouIe9 = (window.ActiveXObject && window.addEventListener && !window.atob); And then add a prefix to your transform class names var iePrePrefix = (damnYouIe9 ?...

Why does IE[89] convert an array to an object with numeric/string keys?

javascript,internet-explorer-8,internet-explorer-9,extjs4.2

When you look at the original jsonData variable in IE8, it displays like this: This will luckily also detect as NOT an array with Ext.isArray(). So, knowing the data structure, I can do the following: var fixed, items, t, i, transaction; // This fix is here for ie8 and ie9...

Error - First chance exception occured in webdriver.dll

selenium,xpath,webdriver,internet-explorer-9

try this: //div[contains(@id, 'menuForm')]...

create an adaptive quadrilateral trapezoid in css

css,css3,svg,internet-explorer-9,css-shapes

You can do this with 3d transforms: .container{ position: relative; max-width: 300px; perspective: 500px; padding: 20px; } .text{ position: relative; z-index: 2; } .cuadrilateral{ position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #FBB; border: 3px solid #F66; -ms-transform: rotateY(-10deg) translateX(-5px); transform: rotateY(-10deg) translateX(-5px); } and...

Does getElementById() and getElementByName() are same for IE9?

javascript,jquery,internet-explorer,internet-explorer-9,getelementbyid

This is a 'feature' of IE. Their implementation of getElementById initially searches for elements with the given id attribute. If none are found, it then searches for elements by the name attribute, which is against the spec. In your example the behaviour of Firefox is correct, as your input has...

.Net application instance terminates after 13 min, 20 sec whether user is idle or not

c#,.net,silverlight,iis,internet-explorer-9

The issue was caused by McAfee antivirus running on the client's machine. After disabling it, no problems.

IE9: Right-click and 'View source' is opening up in word?

internet-explorer-9

There is an option in developer tools that controls what viewer is used to view source. This may not be your problem but maybe this will help someone else. Open Developer tools (F12). Go to File menu and choose Customize Internet Explorer View Source. Then pick which viewer to use....

How can I use JavaScript/jQuery to conditionally add a stylesheet?

javascript,jquery,internet-explorer,internet-explorer-9,conditional-comments

Instead of passing the tag name and its properties as two separate arguments to append(), you need to pass one fully constructed jQuery object (or HTML string). $('head').append( $('<link>', { rel: 'stylesheet', type: 'text/css', href: 'css/ie9.css' }) ); ...

Grails app is not being loaded only in IE9: what must I check?

javascript,html,html5,grails,internet-explorer-9

Change  <html class="win firefox firefox2 gecko gecko2" lang="br">  to (properly close the else comment)  <html class="win firefox firefox2 gecko gecko2" lang="br"> <![endif]--> ...

IE9 miscalculates min-height on DOM update with overflow set

css,internet-explorer,internet-explorer-9

This definitely does look like a layout bug, but fortunately the work-around is pretty simple. Apply a height to your element, along with the min-height. For example: .constrained { height: 100%; min-height: 300px; } The issue exists in Internet Explorer 10 as well. This solution works for both IE 9...

Form.onsubmit not working

javascript,internet-explorer-9,console.log

Add this to the top of your JavaScript file if (!window.console) { console = { log: function(){} }; } ...

IE9 Input and Select zoom issue using EM unit

html,css,internet-explorer,internet-explorer-9,font-size

Make sure you have correct Standard Doctype Rendering, also you could add "<meta http-equiv="X-UA-Compatible" content="IE=Edge" />" inside the head tag. It helps to display the webpage in edge mode, which is the highest standards mode supported by Internet Explorer, from Internet Explorer 6 through IE11.

Javascript create event with IE9

javascript,events,internet-explorer-9

IE9 supports DOM3 events, so you can create and hook custom events. Here's a complete example, which works in IE9 and any other DOM3-compatible browser: Live Copy <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>IE9+ Custom Event</title> </head> <body> <script> (function() { // Hooking the event, in this case on...

Site not rendering on Internet Explorer (Uses Reveal.js library)

internet-explorer,internet-explorer-9,reveal.js

Your site works in Internet Explorer 10 and 11 (Tier 1 browsers, according to reveal.js). However, you have some invalid code that is causing the site to fall into quirks mode at times: <div><!doctype html> Please remove the <div> tag before the doctype; nothing is to precede the doctype. The...

Select option not dynamically set on IE9

jquery,internet-explorer-9

Comment as answer: You should be setting the val() of the select and not selecting the option, however if you want to change the selected property of an option, use prop() and not attr(). This sets the correct internal values (and triggers selection changes) and does not just change the...

IE9: removing “dirty” round corners

css,internet-explorer-9

use this handy tool for generating the css for gradients http://www.colorzilla.com/gradient-editor/ Support for full multi-stop gradients with IE9 (using SVG). .navsub { display: block; z-index: 999; } .navsub li { /*float: left;*/ margin: 0px 2px; padding: 3px 5px; display: inline-block; border: 2px solid #fff; border-radius: 5px; z-index: 100; position: relative;...

Does hasAttribute() under IE8+ is supported?

javascript,html,internet-explorer-8,internet-explorer-9,mozilla

I make the test in windows 7 with IE 8 and IE9 and works, here are the screenshots. ...

Stylesheets not loading in IE 9 despite mime type

css,asp.net-mvc,internet-explorer-9,stylesheet

Ok, eventually found the problem. This was not a problem with the mime type and I hope this will save someone a few hours. IE9 limits the size of css files to about 250kb, because I'm using bundling and minification one of my css bundles were exceeding this limit and...

IE9 ignoring some media queries in same stylesheet

html,css,internet-explorer,internet-explorer-9

Wow. Just figured it out. I guess IE9 has a "4094 rule" limit. So I broke apart the css file, and everything is good! I'll definitely see why I have so many rules. Sigh of relief....

SVG width in IE9

internet-explorer,svg,internet-explorer-9

It's because the html, body, and div elements are collapsing down to the intrinsic height of the SVG. To work around that, you can set the html, body, and div elements to 100% height: html, body, div { width: 100%; height: 100%; } See http://jsfiddle.net/7Z8kg/2/ Update: OK, as far as...

IE9 - Loading html table into a page with jQuery

javascript,jquery,html,ajax,internet-explorer-9

You can use .replaceWith $('#table_id').replaceWith(data); Because .html replaces internal content. In our case, after use .html table look like this <table id="table_id"> <table id="table_id"> ... </table> </table> ...

Remove mysterious space that IE9 creates around

html,css,internet-explorer,internet-explorer-9

Changing this: .header * { float: left; height: 100%; } To this: .header * { float: left; height: inherit; } Fixes it as 100% is treated as auto in this scenario. Auto in this case is the size of the original image: not the size of the container. From there,...

Is there a bug in Internet Explorer 9/10 with innerHTML=“”?

javascript,internet-explorer-9,internet-explorer-10

That's very interesting behavior, and happens on IE8 and IE11 as well. Here's a rather simpler test/proof: var span = document.createElement('span'); span.appendChild(document.createTextNode("This disappears on IE")); var div = document.createElement('div'); div.appendChild(span); snippet.log("[before] span's childNodes.length: " + span.childNodes.length); div.innerHTML = ""; snippet.log("[after] span's childNodes.length: " + span.childNodes.length); <!-- Script provides the `snippet`...

How make flexible blocks without flexbox for old IE

css3,cross-browser,internet-explorer-9,flexbox

Using CSS table layout should give you flexibility depending of content: http://jsfiddle.net/37rxjskx/ .row { display: table; /* table-layout: fixed; */ /* width: 100%; */ } .col, button { display: table-cell; padding: 8px 12px; outline: 1px dashed red; } <div class="row"> <div class="col">input auto 100% of the free width space</div> <button...

Internet Explorer growing div when hovering anchor with inline-block

html,css,internet-explorer,internet-explorer-9

Excellent bug. This appears to only affect Internet Explorer 9, being resolved in versions 10 and up. While I'm not entirely aware of what is causing the problem, the issue certainly is with the expanding height of the .tabs container on each pass over one of its nested .tab elements....

CSS: How to set up gradient background cross browser (only missing IE8 and IE9)

css,internet-explorer-8,internet-explorer-9,background-color,linear-gradients

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0002b0fd', endColorstr='#028dca',GradientType=0 ); will give you IE6-9. Using: http://www.colorzilla.com/gradient-editor/ ...

font-awesome icons not showing in IE9 served by nodejs

node.js,internet-explorer-9,font-awesome

Based on comments by tjdett in this post: @font-face EOT not loading over HTTPS I was able to find out about this bug: http://support.microsoft.com/kb/815313 So, needed to remove Cache-control: no-cache from responses and icons started working again in IE9...

Knockout dynamic templates do not load in IE9

javascript,jquery,knockout.js,internet-explorer-9

I just figured out what was different with my code... Working demo: http://jsfiddle.net/bL7qatx1/1/ Aparently... var scriptElem = $('<script id="dynamic-template" type="text/html">'); scriptElem.html(dynamicTemplateContents); $('body').append(scriptElem); ... is not the same as... $('body').append('<script type="text/html" id="dynamic-template">'+dynamicTemplateContents+'</' + 'script>'); ... on IE9. Not sure why, though. (If anyone knows, I'd be interested to hear an explanation)...

Pseudo element takes up space in IE9

html,internet-explorer-9,contenteditable

To make it work in IE: div:empty:before { content: 'Type here...'; color: #ccc; display: inline-block; width: 0; white-space: nowrap; } display: inline-block makes it possible to set a width. width: 0 makes sure that the element does not take up space. white-space: nowrap forces the text to be in one...

“Security Risk” Error Message in IE9 with Yammer Embed Feed

javascript,ssl,internet-explorer-9,yammer

This is a CORS (Cross Origin Resource Sharing) issue in IE9. Please be sure that all the URLs that need to be added in trusted sites are there, for reference https://technet.microsoft.com/en-us/library/hh373144.aspx. Here's a snippet of the Yammer portion of the guidance: *.assets-yammer.com ajax.googleapis.com^ *.cloudfront.net^ *.crocodoc.com^ *.yammer.com *.yammerusercontent.com ^These URLs are...

Line: 5571 Error: Not enough storage is available to complete this operation

javascript,jquery,jqgrid,internet-explorer-9

It seems to me that you try to add a lot of data without local paging. It have not real sense, it's slow and the user will do have to scroll below to see the data. It's much more effective to use small rowNum value, which specify the size of...

CSS: How to set up border radius cross browser (only IE8 and IE9 missing ?)

css,internet-explorer-8,internet-explorer-9,border,internet-explorer-10

You can't cover IE8 in pure CSS, because it does not support neither final nor vendor-prefixed implementation. IE9 will support it just fine. You can see full support table here: http://caniuse.com/#search=border-radius So based on this table, to answer your question, you won't need -ms-... for IE10 and -o-.. for Opera....

KineticJS: How to make IE9 save canvas as image?

internet-explorer-9,kineticjs,todataurl

It appears that there is no solution to do it in full JS in IE curently... A solution is available here, using a php query : http://danielmclaren.com/node/90 <?php /** * an example URL for viewing a base64-encoded image: * http://example.com/decode.php?image/png;base64,iVBORw0KGgoAAAANS... */ $data = split(";", $_SERVER["QUERY_STRING"]); $type = $data[0]; $data =...

ASP.NET Web Forms - Button not working inside in IE9 and below</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/asp.net'>asp.net</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/iframe'>iframe</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/postback'>postback</a> </p> <p class="email-desc"> OK. I have finally solved this one by using the RadUpload instead of the normal Upload ASP.NET control. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/7.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/baZJ/javascript-flash-internet-explorer-9-filereader-polyfill-for-filereader-api'>Polyfill for FileReader API</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/flash'>flash</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/filereader'>filereader</a> </p> <p class="email-desc"> Finally I was able to comeup with the solution for IE9 polyfill FileReader API by https://github.com/Aymkdn/FileToDataURI <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> <object id="file-object"> </object> <div id="file-result"></div> <script type="text/javascript"> var Flash = { /* Flash.getFileData() is called after the file has... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/26.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/lxw/html-internet-explorer-9-x-ua-compatible-should-the-x-ua-compatible-meta-tag-come-before-or-after-the-charset-tag'>Should the X-UA-Compatible meta tag come before or after the charset tag</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/x-ua-compatible'>x-ua-compatible</a> </p> <p class="email-desc"> The X-UA-Compatible header isn't case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements. Source: Specifying Legacy Document Modes... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/27.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/4Pe/javascript-wcf-internet-explorer-9-net-45-xdomainrequest-400-bad-request-when-calling-wcf-from-html-using-xdomainrequest'>400 Bad Request when calling wcf from html using XDomainRequest</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/wcf'>wcf</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/.net-4.5'>.net-4.5</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/xdomainrequest'>xdomainrequest</a> </p> <p class="email-desc"> Apparently, the problem came from a typo from the real source file (typo that doesn't appear here) The code that you see above works. I will leave my question here because it seems that it is the right way to proceed and if it doesn't function for you as it... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/28.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bwos/css-internet-explorer-9-internet-explorer-10-applying-css-internet-explorer-9-specific-css-property-affects-ie10'>Applying `css` internet explorer 9 specific css property affects ie10</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-10'>internet-explorer-10</a> </p> <p class="email-desc"> The below should target IE9 only (and not IE10 etc as :root does): @media screen and (min-width:0) and (min-resolution: .001dpcm) { // IE9 CSS .back{visibility:hidden;} } ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/5.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bKMC/css-aspnet-mvc-4-google-chrome-internet-explorer-9-what-could-cause-different-css-behaviour-from-a-pc-to-another'>What could cause different CSS behaviour from a PC to another?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/asp.net-mvc-4'>asp.net-mvc-4</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/google-chrome'>google-chrome</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> As we determined in the comments above, the cause was due to different document modes locally and remotely. The cause of this could be any number of things: Developer tools were overriding the document mode. An x-ua-compatible header is being sent locally, or remotely with the HTTP response. Additional markup... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/26.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bukd/javascript-internet-explorer-internet-explorer-9-why-doesnt-ie9-accept-files-with-filename-length-over-230'>Why doesnt IE9 accept files with filename length over 230?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Windows limits the length of a filepath to 255 characters (filepath+name, including extension, and the .), + 3 extra characters for C:\ Source: http://vlaurie.com/computers2/Articles/filenames.htm I encounter it all the time when trying to unzip big nested zip files. IE9 makes it worse because it includes the full path for the... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/18.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bm5c/javascript-jquery-angularjs-internet-explorer-9-ie9-formdata-undefined-javascript'>ie9 - FormData undefined - javascript</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/angularjs'>angularjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> It doesn't look like you're even using the formData in your code. You're just creating a formData variable and abandoning it. The data property is all you need. You can delete the FormData part: data: { r: roundNum, ids: competitorsIDs }, ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/25.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bg3h/jquery-html-internet-explorer-9-append-append-table-jquery-not-working-in-ie'>.append <table> JQuery not working in IE</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/append'>append</a> </p> <p class="email-desc"> Since it is working fine on my IE9, I would suggest appending the whole HTML with one `.append()' method instead of trying to append the table and try to use selector with its id. It sounds like your IE9 is having troubles finding the appended element most likely appended DOM... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/20.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bz7E/html5-internet-explorer-iframe-internet-explorer-9-quirks-mode-ie9-is-it-possible-to-have-a-child-frame-render-in-edge-html5-while-parent-frames-are-in-quirks-mode'>IE9 - Is it possible to have a child Frame render in Edge (HTML5) while parent Frames are in Quirks mode?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html5'>html5</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/iframe'>iframe</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/quirks-mode'>quirks-mode</a> </p> <p class="email-desc"> If a document is loaded in Quirks mode, all of its iframes will be as well. For more information, please see 2.1.2.3 iframe Handling, as well as the following diagram: With regards to the suggested work-around (using <object>), we're aware that debugging this approach can be difficult. You can however... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/1.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/h5h/javascript-jquery-internet-explorer-internet-explorer-9-show-a-div-with-jquery-if-the-user-is-on-ie-9-and-below'>show a div with jQuery if the user is on IE 9 and below</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Duh... been a few years, since I busted one of these out..  ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/11.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/b7Lb/javascript-html-css-internet-explorer-internet-explorer-9-uniform-div-height-and-button-alignment'>Uniform div height and button alignment</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Here's an example of how to handle it with a <table> instead of divs--that way no js is required: Table Demo... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/6.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/8Ud/javascript-json-angularjs-internet-explorer-9-ngresource-ie9-resource-returing-array-of-char-instead-of-json-object'>IE9 resource returing array of char instead of JSON object</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/json'>json</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/angularjs'>angularjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/ngresource'>ngresource</a> </p> <p class="email-desc"> I fixed it by doing the following: public JObject Get(string vid) { String result; var status = new { Rating = 100, UserRated = true }; result = JsonConvert.SerializeObject(status); return JObject.Parse(result); } seems there was a problem with the Jtoken, and by doing an explicit parse to JObject it ended... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/27.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/c7XO/internet-explorer-9-polymer-how-up-to-date-is-the-polymer-browser-compatibility-page'>How up to date is the Polymer Browser Compatibility page?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/polymer'>polymer</a> </p> <p class="email-desc"> Production means things to different people. chromestatus.com, polymer-project.org, and others are already using Polymer in production, but it really depends on your pain tolerance. Churn will dramatically go down when Chrome and other browsers ship the native APIs. We're still iterating on Polymer itself (it's alpha :)). I also just... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/1.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/YHo/javascript-ruby-on-rails-html5-internet-explorer-9-tinymce-4-internet-explorer-tells-me-the-cache-for-forward-and-backward-ist-deakivated'>Internet Explorer Tells me The Cache for forward and backward ist deakivated</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/ruby-on-rails'>ruby-on-rails</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html5'>html5</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/tinymce-4'>tinymce-4</a> </p> <p class="email-desc"> thats probably a Problem while saving? are you using something like the tinyMCE oder CKeditor? Check the configuration of those.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/6.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/b2VS/javascript-jquery-internet-explorer-cross-browser-internet-explorer-9-headroomjs-and-ie9-support'>Headroom.js and ie9 support</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/cross-browser'>cross-browser</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Make sure to load all of your polyfills before any other scripts. It sounds as though you might be referencing these too late, and thus not properly benefiting from them. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/24.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bxw9/codeigniter-session-internet-explorer-9-codeigniter-session-issue'>CodeIgniter session issue?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/codeigniter'>codeigniter</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/session'>session</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Check whether you are creating an object of a controller in any view. That controller required authentication / login to get access. ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/7.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/ce5B/html-internet-explorer-internet-explorer-9-conditional-comments-target-everything-but-ie-9'>Target everything but IE 9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/conditional-comments'>conditional-comments</a> </p> <p class="email-desc"> Sure, just specify the version:  <link rel="stylesheet" href="not-ie-9.css" /> <script src="not-ie-9.js"></script>  Note that what you currently have will result in IE10 and later loading your resources like other browsers, as those newer versions do not process conditional comments.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/14.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bMvT/internet-explorer-asp-classic-internet-explorer-9-ocx-how-to-i-get-rid-of-warning-messages-fo-ocxs-for-an-unverified-publisher'>How to I get rid of warning messages fo OCX's for an unverified publisher?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/asp-classic'>asp-classic</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/ocx'>ocx</a> </p> <p class="email-desc"> In the settings for the Trusted Zone; make sure that the "Only allow approved domains to use ActiveX without prompt" option has been set to disabled. Microsoft seems to have reversed the pattern with "what is the most permissive option" for that entry. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/15.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bnx1/android-css-internet-explorer-9-fluid-layout-aspect-ratio-full-height-fluid-image-and-div-at-one-line-div-must-take-remaining-horizontal-space'>Full height fluid image and div at one line. Div must take remaining horizontal space</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/android'>android</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/fluid-layout'>fluid-layout</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/aspect-ratio'>aspect-ratio</a> </p> <p class="email-desc"> I might be misunderstanding your question, but I think you mean how do you get the content div to take the rest of the row (regardless of what's in the left box). I think the solution has a few steps (assuming you can adjust the markup): Put the image into... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/18.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/Rs1/javascript-aspnet-mvc-pdf-internet-explorer-9-itextsharp-how-to-postmessage-to-host-from-within-pdf-when-viewed-in-ie9-object-element'>How to “postMessage” to host from within pdf when viewed in IE9 object element</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/asp.net-mvc'>asp.net-mvc</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/pdf'>pdf</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/itextsharp'>itextsharp</a> </p> <p class="email-desc"> Ok, so I have resolved it, with some help of course. I found the key at this stack overflow post. I needed to wait for the object to load before assigning the message handler. Additionally, I needed a global variable in the pdf javascript to be able to post the... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/23.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bHRC/knockoutjs-internet-explorer-9-foreach-binding-with-as-alias-does-not-work-correctly-in-ie9'>Foreach binding with “as” alias does not work correctly in IE9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/knockout.js'>knockout.js</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> tl;dr: Write out the label tags with an open and close tags. It appears when rendering in IE 9 mode, IE is misclassing some of the elements due to the use of "self-closing" tags. The label is one such tag. Since by being in IE 9 mode, it is also... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/12.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/3bq/javascript-internet-explorer-internet-explorer-9-select-box-population-function-not-working-in-ie-9'>select box population function not working in IE 9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> So the solution is: Add the option THEN add the text and value And finally, use .text select.add(el); el.text = opt; el.value = opt; Glad that worked for you! =)... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/11.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bIZy/css-internet-explorer-8-internet-explorer-9-ie-9-8-sub-menu-is-missing'>IE 9 / 8 sub menu is missing</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Dear all thanks for the help. I would like to post the answer which I painfully did line by line addition to the base css files. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a3a0a3', GradientType=0 ); This screwed up my menu bar. Perhaps IE 9 and below couldn't render it. Once I removed it,... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/2.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bPnW/angularjs-internet-explorer-9-ie-9-not-responding-to-ng-class-changes'>IE-9 not responding to ng-class changes</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/angularjs'>angularjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> This is a bug in IE9. This post helped me find a answer IE9 input/button element border color issue ng-invalid is a class defined in Angular framework (angular.js) I resolved this bug by adding the following attributes to the input box class upon error: border-bottom 1px solid red; border-top 1px... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/31.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/Bry/html-css-internet-explorer-internet-explorer-9-html-select-how-set-height-of-select-dropdown-list-in-ie-9-duplicate'>How set height of select dropdown list in IE 9 [duplicate]</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html-select'>html-select</a> </p> <p class="email-desc"> You cannot because the select box is a system control. Example See Here... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/8.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/duy/javascript-jquery-html-internet-explorer-9-ie9-displaying-selected-items-even-when-selected'>IE9 displaying selected items even when selected=“”</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> A co-worker suggested this modification, which worked: $(d).append($liPrev[0].outerHTML.replace('selected=""', '')); In context: $(".removestccode").click(function () { var $ddl = $(this).parents(".stcCodeLi").find(".ddlSTCCode"); $ddl = $(this).prev(); var $liPrev = $ddl.find("option:selected").removeAttr("selected"); var ddls = $('.ddlSTCCode').not($ddl); for (var i = 0; i < ddls.length; i++) { var d = ddls[i]; $(d).append($liPrev[0].outerHTML.replace('selected=""', '')); //$(d).append($liPrev[0].outerHTML);... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/24.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/V62/javascript-arrays-internet-explorer-8-internet-explorer-9-associative-array-internet-explorer-8-9'>Associative Array Internet Explorer 8/9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/arrays'>arrays</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> I'm not sure of the bug in IE you're describing, but making your type checks explicit would be a good start: if (typeof obj[name] === 'undefined') { // do stuff } The typeof operator is guaranteed to return a string representing the object type, whereas your type check is potentially... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/24.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/u1a/javascript-jquery-internet-explorer-internet-explorer-9-javascript-apply-breaking-ie-9'>Javascript - Apply() breaking IE 9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> IE9 doesn't support passing parameters to the callback through arguments of setInterval. So this isn't a problem of apply but of setInterval. You may use this instead: var args = [].slice.call(arguments, 2), newInterval = setInterval(function(){ fun.apply(window, args); }, interval); ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/24.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/LUJ/javascript-jquery-internet-explorer-internet-explorer-9-inspect-jquery-ie9-issues-works-once-debugger-was-opened-'>jQuery - IE9 issues (works once debugger was opened )</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/inspect'>inspect</a> </p> <p class="email-desc"> this sounds very much like a problem i had a long time ago (with IE only): are you using console somewhere in your javascript code? most likely a console.log() ? then you have got a problem because on IE browsers the console javascript object doesn't exist until you have opened... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/2.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/MKY/javascript-jquery-html-css-internet-explorer-9-ie9-contenteditable-false-not-working-when-parent-editable'>`ie9` - contenteditable false not working when parent editable</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> In IE it actually is working that the "false" flag is respected, but if you double-click on it, it goes into editmode (possibly because the double-click event bubbles up to the parent?). My suggestion would be to put your non-editable content in an ::after element (since no browser will find... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/14.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/b6TT/c-css-aspnet-google-chrome-internet-explorer-9-is-there-any-way-to-use-a-non-int32-value-for-cellspacing-in-asp'>Is there any way to use a non Int32 value for Cellspacing in ASP?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/c#'>c#</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/asp.net'>asp.net</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/google-chrome'>google-chrome</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Try the following: <asp:GridView CellPadding = "5"; GridLines="Vertical" /> ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/17.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/brxa/http-headers-internet-explorer-9-are-other-browsers-affected-by-browser-specific-header'>Are other browsers affected by browser specific header?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/http-headers'>http-headers</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> No, X-UA-Compatible is an IE-specific header as far as I am aware. Note that chrome=1 is not a flag for the Chrome browser, but for really old versions of IE (think IE6, IE7) to use the Google Chrome Frame add-on, which itself is now obsolete. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/29.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/cxUC/html5-internet-explorer-internet-explorer-9-html5boilerplate-ie-conditional-statement-displaying-div-even-though-the-condition-says-it-shouldnt'>IE conditional statement displaying div even though the condition says it shouldn't</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html5'>html5</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html5boilerplate'>html5boilerplate</a> </p> <p class="email-desc"> Since the site opens in IE9 Compat View, I suspect that you are hosting this locally and the page is loading in the Intranet Zone. This will affect the results compared to if you host on the internet. You might (temporarily) uncheck the "Display intranet sites in Compatibility View" setting... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/26.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bAeS/internet-explorer-internet-explorer-9-stylus-stylus-keep-9-css-ie9-hack'>Stylus keep “\9” CSS IE9 hack</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/stylus'>stylus</a> </p> <p class="email-desc"> You need to use unquote: width unquote('40px\9') yields width: 40px\9; ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/11.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/c6gJ/jquery-jquery-ui-internet-explorer-9-flowplayer-internet-explorer-11-jquery-ui-dialogue-box-going-behind-flow-player'>jquery ui dialogue box going behind Flow player</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery-ui'>jquery-ui</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/flowplayer'>flowplayer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-11'>internet-explorer-11</a> </p> <p class="email-desc"> I assume you are using flowplayer flash. If so try setting the wmode to opaque. This will allow the player to respect z-indexes. Example taken from flowplayer site flowplayer("player", { src:"http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", wmode: "opaque" // This allows the HTML to hide the flash content }, { clip: { url: 'http://stream.flowplayer.org/flowplayer-700.flv' }... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/10.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/vZa/javascript-internet-explorer-8-internet-explorer-9-textarea-maxlength-how-to-access-clipboard-and-current-cursor-position-when-pasting-in-a-textarea-in-ie8-9-before-it-becomes-the-current-value'>How to access clipboard and current cursor position when pasting in a textarea in IE8/9 before it becomes the current value?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/textarea'>textarea</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/maxlength'>maxlength</a> </p> <p class="email-desc"> You can access the clipboard content with window.clipboardData.getData('Text') And manipulate it as necessary before placing it in the textbox. Be sure to return false or the paste event will fire and replace what you did. To access the current value, read the innerText value of the textarea. To get the... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/17.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/baG/javascript-angularjs-internet-explorer-9-google-fusion-tables-angular-http-and-fusion-tables-in-ie9'>Angular $http and Fusion Tables in IE9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/angularjs'>angularjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/google-fusion-tables'>google-fusion-tables</a> </p> <p class="email-desc"> You should use the Angular $http.jsonp() request rather than $http.get(). JSONP or “JSON with padding” is the communication technique which allows for data to be requested from a server under a different domain (also known as a Cross Origin Request). Which is what you have used in your jQuery AJAX... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/13.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/b4rP/css-google-chrome-c-40-internet-explorer-9-aspxgridview-freeze-columns-header-in-place-in-asp-gridview-chrome-and-ie9-'>Freeze columns/header in place in ASP GridView Chrome and IE9+</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/google-chrome'>google-chrome</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/c#-4.0'>c#-4.0</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/aspxgridview'>aspxgridview</a> </p> <p class="email-desc"> I got this done, not quite the way in which I desired, but done nonetheless by utilising JQuery. I used the code from http://gridviewscroll.aspcity.idv.tw/ .... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/23.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/Lwg/jquery-css-html5-video-internet-explorer-9-black-overlay-showing-up-on-top-of-html5-video-in-ie9'>Black overlay showing up on top of html5 video in ie9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html5'>html5</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/video'>video</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> You need so add preload="none" to the video element. The thing is, ie9 only shows poster before video is loaded (or started to load), so if preload is not none the image will at best flicker or not shown at all. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/32.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/cdrt/internet-explorer-9-ie9-requires-f12-refresh-to-run-page'>IE9 requires F12 + Refresh to run page</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> I remember having a similar problem last year. It is indeed strange. It seems to be caused by calls to console.log. In IE9 console.log is only defined when the developer tools are open. That seems to explain why you have to press F12 and do a refresh and then it... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/31.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/ivy/css3-internet-explorer-hover-internet-explorer-9-rgba-internet-explorer-hover-rgba-opacity-css3-compatibility'>Internet Explorer hover/rgba/opacity/css3 compatibility</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css3'>css3</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/hover'>hover</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/rgba'>rgba</a> </p> <p class="email-desc"> The demo works in Internet Explorer 9. The issue may be that you are viewing the page in an older document mode, thus reducing support for things like :hover on non-link elements, and rgba color. Press F12 to open up your Developer Tools and check the document mode from there.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/24.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/2VE/javascript-dom-event-handling-internet-explorer-9-event-handlers-not-being-invoked-in-ie-9'>Event Handlers not being invoked in IE 9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/dom'>dom</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/event-handling'>event-handling</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Unfortunately, Internet Explorer does not support the mousedown event for option elements. A list of the events it does support can be found here. To do this in IE, you have to implement your own select box with JS/CSS using some other type of elements besides <option> and <select>. I... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/6.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/JLz/css-css3-internet-explorer-9-pseudo-class-hamburger-menu-css-hamburger-menu-icon-not-displaying-properly-in-ie9'>CSS Hamburger menu icon not displaying properly in ie9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css3'>css3</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/pseudo-class'>pseudo-class</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/hamburger-menu'>hamburger-menu</a> </p> <p class="email-desc"> CSS transforms are supported in IE9 with -ms- prefix, according to CanIUse. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/19.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/clP9/html-css-internet-explorer-9-border-padding-css-border-disappears-when-padding-is-more-than-0-in-ie9-on-a-nav-ul-li-type-menu-symfony'>CSS border disappears when padding is more than 0 in ie9 on a “nav ul li” type menu (symfony)</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/border'>border</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/padding'>padding</a> </p> <p class="email-desc"> Switching back from Verdana font to Arial "solved" the problem, because I don't have any missing border left. The use of the verdana font was not mandatory, but it's still a shame imho. </p> </div> </div> </div> <div id="main" class="pure-u-1"> <div class="email-item email-item-unread pure-g"> </div> </div> </div> <script src="http://yui.yahooapis.com/3.17.2/build/yui/yui-min.js"></script> <script> YUI().use('node-base', 'node-event-delegate', function (Y) { var menuButton = Y.one('.nav-menu-button'), nav = Y.one('#nav'); // Setting the active class name expands the menu vertically on small screens. menuButton.on('click', function (e) { nav.toggleClass('active'); }); // Your application code goes here... }); </script> </body> </html>