cross-browser

i have following script Parent Page(pair_pixel_filter.php): window.addEventListener("message", function(e) { $('#log').append("Received message: " + (e.data)); }, false); $('.photo-upload-btn').click(function(event) { event.preventDefault(); window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes"); }); The Child Page $.ajax({ type: 'post', url: url, data: { base64data: dataURL }, success: function(data) { window.opener.postMessage(data, "pair_pixel_filter.php"); window.close(); } }); Basically opening a Popup and then doing some ajax on pop up and returning

Is there a HTML character that, on all (major) browsers (plus IE8 sadly) displays nothing and doesn't add any extra space? So, an alternative to   but which doesn't add whitespace to the page, and which won't ever show up as an ugly "unrecognised character" marker or ? . Why: in my case, I'm trying to work around a problem on an old, proprietary CMS that is removing empty but necessary HTML elements that are required because other parts of the system will fill them dynamically. Imagine something like (simplified trivial example) <span class="placeholder" data-type="username"></span> which is

I have been looking around the web to find what browser support there is for window.devicePixelRatio , without much luck. Does anyone know what browers/devices support this? According to this blog post : ( from 2012 ) window.devicePixelRatio is mostly trustworthy on most browsers. On iOS devices, multiply devicePixelRatio by screen.width to get the physical pixel count. On Android and Windows Phone devices, divide screen.width by devicePixelRatio to get the dips count. 2017 UPDATE: This property returns the ratio of the resolution in physical pixels to the resolution in CSS pixels for the

I want to create a search function for my web app. here are the looks on FF & IE, it is ok without strange border Firefox IE and here are the look on Chrome & Safari, it has strange border around the input element Chrome Safari Here is my html & css code <input type="search" id="generic_search" onkeypress="return runScript(event)" /> <input type="button" id="generic_search_button" /> the border:0 has been applied to all elements #generic_search { font-size: 14px; width: 250px; height: 25px; float: left; padding-left: 5px; padding-right: 5px; margin-top: 7px; } #generic_search_button { float:

I just found out about the Yahoo UI Reset CSS tool/file and I'm using it on my website. On my machine I have Internet Explorer 7 and Firefox 3.01 and my webpage looks the same on these two browsers. A friend is using Internet Explorer 6 and the page is completely a mess. I have two questions: Am I that poor/stupid in writing CSS? How can I test my webpage using different browsers on my machine? If you are not particular about testing in your machine, you could try http://browsershots.org . It's free and provides screenshots of your site in various browsers on Linux/Windows/Mac OS/BSD. cowgod

I am trying to serve HTML5 video in MP4 and WEBM fomats. I cannot get all browsers to work though: Browsers which support WEBM (Chrome desktop, Firefox desktop) play the videos fine. Browsers which use MP4 are not working (IE, Safari, Android). WEBM is being served as video/webm . MP4 is being served as video/mp4 . Minimal JSFiddle at: http://jsfiddle.net/#&togetherjs=5Ql5MmrV4j Browser errors: IE11: 11.0.9600.17126 / 11.0.9 KB2957689 Error: Unsupported video type of invalid file path Android browser and Chrome Android: No error, video just refuses to start Sanity test - the following three

I know that the android browser for 2.3 does not support SVG, but I'd like to know whether I could convert a d3.js SVG Visualization to a canvas using Canvg on clientside. Is the browser able to parse SVG elements at all, or would this transformation from SVG to Canvas need to happen server side? Thanks in advance! // Grab data from server... var btoken = window.location.search.split( 'bearer_token=')[1].split('&')[0]; var endpoint = "http://dcaps-staging.media.mit.edu:8080/api/reality_analysis_service/get_reality_analysis_data?document_key=radialData&bearer_token=" + btoken; console.log