internet-explorer-9

I'm working on some Javascript code that creates an alpha mask of a image using paths embedded by Photoshop. The onload handler of a IMG tag would call a clip(this). The function load the image's source file and scans through it. Here's the setup: function clip(img) { var xhr = new XMLHttpRequest(); xhr.open('GET', img.src, true); xhr.responseType = 'arraybuffer'; xhr.target = img; xhr.onload = function(e) { var bytes = new Uint8Array(this.response); var p = findPhotoshopSegment(bytes); if(p) { var paths = parse8BIMData(bytes, p); /* ... replaces IMG with SVG tag ... */ } }; xhr.send(); } You

Is there a way to detect if the browser has subpixel precision for elements ? IE9, unlike any of the other major browsers, has subpixel precision for its elements (an elements width can be 50.25px) and because of that, I need to treat a thing differently. One way is to use jQuery to detect the browser name and version, but this is deprecated in jQuery and not recommended, instead being suggested that the existence of features should be tested for not the browsers names and versions. I'm not sure where you got the idea that IE9 is the only browser that supports fractional pixel units, but that

This issue is driving me mad. So I've got a modal dialog. <div class="modal"> <img src="...."/> </div> Instanciated thus: $(".modal").dialog({ resizable: false, draggable: false, modal: true, autoOpen: false, width: 530, height: 460, closeOnEscape: false, dialogClass: 'popup noTitle' }); Then I have a form: <form> <input type="submit"/> </form> and Js to open the modal: $('form input').click(function() { $(".modal").dialog('open'); }); In most browsers this works great: In IE 9 and IE 10. The modal is opened but the image is missing : I believe it is something to do with the form submit,

I'm running this sample script with IE: var $select = $('#select'); var $button = $('#button'); $button.click(function() { var $option = $('<option />'); $option.text('hello'); $option.appendTo($select); }); var $tabs = $('#tabs'); $tabs.tabs(); It's pretty straight forward: when clicking on the button, an option should be added to my dropdown. This works great - the basic fct in IE either. My problem: just "open" the dropDown, and "close" it again. Now switch to tab "button" and hit the button. Now switch to tab "select" - a new option should be available. This works great on every browser

I am writing an internet site, using javascript, HTML for IE9 . I found solution to loading dynamically the image by: document.getElementById("id_image").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("id_filepic").value id_image related to the <IMG> and id_filepic related to <input id="id_filepic" type="file"> After the line: document.getElementById("id_image").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("id_filepic").value what is the exact event that occurs just after the image is shown on the html page