cross-browser

EcmaScript 5 browser implementation

扶醉桌前 提交于 2019-12-18 10:39:28
问题 So Safari and Chrome have started in their betas to implement some ES5 stuff. For instance Object.create is in them. Do any of you know if there is a website that shows the progress made in the browsers? ATM i need to use Object.freeze, and wanted to see which browsers (if any) supported that yet. 回答1: Here's an up to date list for major engines: http://kangax.github.com/es5-compat-table/ 来源: https://stackoverflow.com/questions/2280115/ecmascript-5-browser-implementation

Custom scroll bar visualization with HTML/CSS/JavaScript

痞子三分冷 提交于 2019-12-18 10:29:44
问题 I am creating a highly specialized application where I want to experiment with a custom scroll bar. Ideally, I'd disable the built-in scroll-bar and draw my own. The page would look and feel like any other page, just that the scroll bar wouldn't be visible. The arrow keys, the scroll wheel, and any other mean of scrolling the page, should work as excepted on the platform my webapp runs on. One way would be to put the content in a wrapper div that is absolutely positioned, with top: 0; bottom:

What CSS should I use to get a border around an option tag in both Firefox and IE?

爱⌒轻易说出口 提交于 2019-12-18 09:36:11
问题 Right now I am using the following CSS: option { border-width: 1px; border-style: solid; } Which works fine in Firefox but not in IE. I'm not sure if it makes a difference but the option tags are generated by an ASP.NET ListBox control. 回答1: Unfortunately, the styling of option elements is supported to different degrees by different browsers. Firefox is the only browser which allows you to add a border around option s – IE and Chrome won't show a border. Here's an overview of what styles

How to updoad in old browsers (ex Safari 5.1.4)

倖福魔咒の 提交于 2019-12-18 09:27:32
问题 Trying to upload images to website. encode it to base64. I have this code works in new Chrome/Mozzill/IE11. but it doesn't in Safari 5.1.4 (Windows) I can see now that FileReader is not available at safari until version 6.0... So any alternatives to this? <input id="#avatar" type="file" onchange="previewFile()"> This is code <script> var img; function previewFile() { var file = document.querySelector('input[type=file]').files[0]; var reader = new FileReader(); reader.addEventListener("load",

Cross-browser checking on file size at client side before uploading it to the server?

余生颓废 提交于 2019-12-18 08:29:51
问题 Client side validation is important to improve usability. Is there any cross-browser way to validate the file size before uploading it to the server. I am using asp.net file upload control. I found some third-party controls do that check: http://ajaxuploader.com/Demo/simple-upload.aspx and http://demo.essentialobjects.com/Default.aspx?path=AJAXU but How? 回答1: Previously, the only way to determine the filesize before the file was sent over to the server was to have 'thicker than javascript'

Cross-browser checking on file size at client side before uploading it to the server?

安稳与你 提交于 2019-12-18 08:29:21
问题 Client side validation is important to improve usability. Is there any cross-browser way to validate the file size before uploading it to the server. I am using asp.net file upload control. I found some third-party controls do that check: http://ajaxuploader.com/Demo/simple-upload.aspx and http://demo.essentialobjects.com/Default.aspx?path=AJAXU but How? 回答1: Previously, the only way to determine the filesize before the file was sent over to the server was to have 'thicker than javascript'

Input fields rendered very differently in different browsers

故事扮演 提交于 2019-12-18 07:13:07
问题 Okay, so I am in the process of designing a website which has a login form at the top-right corner of a webpage. I set the size attribute of its input fields and I am getting some interesting results. Below is a group of screenshots that I threw together. I even stacked them for you all. I am even throwing in a jsFiddle for you all. So four things: I aligned them based on the bottom right hand corner of the password input field in the stacked image. Don't ask why. I design with borders on

javascript WYSIWYG HTML editors?

☆樱花仙子☆ 提交于 2019-12-18 07:06:20
问题 What are the options for something that will let users make text bold/italic/underline/etc as they are writing in a textarea and work in all browsers? 回答1: Give a look to FKCEditor, I always recommend it... 回答2: I always liked TinyMCE http://tinymce.moxiecode.com/ 回答3: I favor the Rich Text Editor in the YUI 回答4: I've used InnovaStudio WYSIWYG. Pretty extensible and cheap. 回答5: FCKEditor is a popular choice, although it's incredibly bloated. There's a nice simple example in jQuery jQuery

Typical pitfalls of cross-browser compatibility [closed]

痴心易碎 提交于 2019-12-18 06:57:56
问题 As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance. Closed 7 years ago . What are the most common browser compatibility issues across the major desktop browsers? No dups please. Up-vote problems you've run

Detect if browser supports data uri scheme with iframes

你离开我真会死。 提交于 2019-12-18 06:31:26
问题 Internet Explorer does not support the data uri scheme for iframe urls (see http://msdn.microsoft.com/en-us/library/cc848897%28v=vs.85%29.aspx). Other browsers do. As browser detection is loaded with testing and future-proofing problems, I want to use feature detection to work around this issue. So: how can I detect whether or not a browser supports the data uri scheme for iframes? 回答1: This solution by Kevin Martin is tested and seems to be giving the correct result in IE, FF and Chrome: