cross-browser

Javascript compatibility issues (code works in FF but not in Opera and Chrome)

☆樱花仙子☆ 提交于 2019-12-11 08:23:36
问题 I have a code in Javascript as follows... var btnOK = document.getElementById('btnOK'); btnOK.style.visibility = "visible"; var iframeControlObj = document.getElementById('iframe'); this.style.visibility = "hidden"; var file_xml = iframeControlObj.contentDocument.getElementById('hiddenxml'); file_xml.value = xml_value; iframeControlObj.contentWindow.location.reload(); Explanation I have an iframe in which there is a control "hiddenxml". I want to send the data into the iframe from the current

Cross browser event handling and jquery support

梦想的初衷 提交于 2019-12-11 08:06:16
问题 Just read of ppk's web site that IE's mechanism of registering events does not set the this object to the actual element that was clicked. Instead it refers to the global window object. The below is quoted from his site: But when you use the Microsoft event registration model the this keyword doesn’t refer to the HTML element. Combined with the lack of a currentTarget–like property in the Microsoft model, this means that if you do element1.attachEvent('onclick',doSomething) element2

CSS 'background-size' property - Cross-Browser Solution?

感情迁移 提交于 2019-12-11 07:55:34
问题 I have an element that uses this css: .my-box { padding-left:50px; background-image:url('images/img01.png'); background-size:20px; height:20px; } My problem: in browsers like Internet Explorer, the 'background-size' property doesn't work. Is there a solution either through JavaScript, jQuery or CSS to make this work without having to put a physical <img> tag in the markup? 回答1: You can use this polyfill. Maybe fill your issue. An IE behavior adding support for background-size: cover; and

Why is my @font-face broken in ie9 only?

爷,独闯天下 提交于 2019-12-11 07:50:53
问题 This question was migrated from WordPress Development Stack Exchange because it can be answered on Stack Overflow. Migrated 7 years ago . I'm in the ie testing phase of a site build and I cannot get the fonts to work in ie9. The strange part is that they work just fine in ie7 & ie8 AND in compatibility mode. Perhaps even stranger is the fact that the demo files work just fine. I realize this suggests I might have the plumbing messed up, but I can't find the issue anywhere. I'm wondering if

SQL Server 2005 Reporting Services: Reports are Compressed

一笑奈何 提交于 2019-12-11 07:41:59
问题 I have a report that I am capable of viewing correctly in Internet Explorer (IE) with the help of Reports from SQL Server 2005 Report Server (SSRS). The problem is that the report is compressed to about 100px by 100px in Firefox and probably other browsers such as Safari and Chrome. Also, I am using IIS6. How can a report be rendered properly in browsers other than IE with SSRS? 回答1: This is not a firefox issue it is a MS issue with how they developed reporting services (the web based portal

Are there any rules regarding special characters/entities and innerHTML?

让人想犯罪 __ 提交于 2019-12-11 07:20:17
问题 When I use innerHTML from javascript, the browser (Safari and Firefox at least) seem to replace certain characters and numeric entities with their named entities. The character \xa0 (non breaking space) gets replaced by   , < (lesser than) gets replaced by < . But for example the umlaut ü is not replaced with ü . I have not found any documentation for this behaviour. A simple demo: <h2 id="withoutnbsp">This does not use en be es pe (uses the \xa0 character)</h2> <script>alert(document

Detecting a browser type

寵の児 提交于 2019-12-11 07:14:18
问题 Togeather with error reporting in my asp.net app, I am also retreiving browser information. For example I am getting specific error a lot: Type = Mozilla Name = Mozilla Version = 5.0 Major Version = 5 Minor Version = 0 Platform = Unknown Is Beta = False Is Crawler = False Is AOL = False Is Win16 = False Is Win32 = False Supports Frames = False Supports Tables = False Supports Cookies = False Supports VBScript = False Supports JavaScript = False 0.0 Supports Java Applets = False Supports

Pure CSS for 2 columns with the same height but stretching to a min-height of 100%

半世苍凉 提交于 2019-12-11 06:58:42
问题 I'm working on a template for my web app. It should have a header, a footer, a body and a side menu with a gradient background. The page should look similar in any resolution starting from 800x600, and because of that I'm using percentajes instead of fixed sizes. Also, it should work in IE7/8, so I'm trying to avoid CSS3 and webkit/gecko only features Since the body content might exceed the size of the screen, I'm using this approach to keep the column's height the same. The problem I'm

Bootstrap 3 - NavBar Cross-browser issue

拟墨画扇 提交于 2019-12-11 06:45:30
问题 I've made a page using Bootstrap. I made a flexible navbar and it looks great in Mozilla. Whereas when I use Google Chrome, this happens Why is this? And what is the solution to this? /* bootstrap 3 helpers */ .navbar-form input, .form-inline input { width: auto; position: absolute; } #nav.affix { position: fixed; top: 0; width: 100%; z-index: 10; } /* Create a medium height at 40px */ .navbar-md { min-height: 40px } .navbar-md .navbar-brand, .navbar-md .navbar-nav>li>a { padding-top: 10px;

How to identify dolphin lite browser from javascript

狂风中的少年 提交于 2019-12-11 06:45:23
问题 I have a widget which unfortunately doesn't display well on Dolphin lite browsers since position:fixed is not supported. The user agent string I see is : Mozilla/5.0 (Linux; U; Android 2.2.1; iw-il; X10i TripNMiUI Build/NI1063) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 How can I use this to identify dolphin browsers (any version) ? Or is there another way to do that? Alternatively I found a code that checks for position=fixed support but it looks risky to