Rectangle 27 14

To support HTML5 drag and drop file upload, the browser should support the drag and drop(DnD) API and the File API simultaneously.

IE supports the DnD from IE5 but it doesn't support the File API even in IE9. Opera supports the File API from 11.1 but doesn't support the DnD.

So you can use drag and drop file upload in Firefox 3.6+, Safari 6.0+, Chrome 9.0+.

I tried it doesn't detect that, for example it says that IEs can drag and drop.

javascript - Browser support of drag and drop file uploads - Stack Ove...

javascript ajax html5 file-upload drag-and-drop
Rectangle 27 15

I was wondering for the browser support of JavaScript's event.stopImmediatePropagation as well, so I decided to test it by checking whether the following method exists:

Event.prototype.stopImmediatePropagation

It's supported on the following desktop browsers:

stopImmediatePropagation

javascript - Browser support for stopImmediatePropagation? - Stack Ove...

javascript jquery
Rectangle 27 3

If you do not count Internet Explorer as a browser, yes, almost every general browsers supports this.

Now seriously: I didn't try it in IE, but every general browser does support this!

Using https for everything, including images/css, has the benefit of not triggering 'mixed content'-type messages.

What about mobile safari and android browsers?

@Dan: Hmm. I'll try it with Xperia X10 mini and let you know

Great! Regarding https for images/css, you sometimes need it. If you have a logged in user who is on https, the assets on that page should be loaded with https too, so he doesn't get security warnings.

ssl - Browser support for "//domain.com" - Stack Overflow

browser ssl
Rectangle 27 4

reload() is supposed to accept an argument which tells it to do a hard reload, ie, ignoring the cache:

location.reload(true);

Note : I don`t think just saying that it is supported with FF is right, here it is clearly mentioned that it is supported by other browser as well.

But it may not work in <IE9 lower version

javascript - Browser support for window.location.reload(true) - Stack ...

javascript browser-support
Rectangle 27 4

reload() is supposed to accept an argument which tells it to do a hard reload, ie, ignoring the cache:

location.reload(true);

Note : I don`t think just saying that it is supported with FF is right, here it is clearly mentioned that it is supported by other browser as well.

But it may not work in <IE9 lower version

javascript - Browser support for window.location.reload(true) - Stack ...

javascript browser-support
Rectangle 27 3

location.reload() takes no arguments in the specification, so do not rely on it. It is implemented in some browsers though, including Mozilla Firefox.

I believe the correct answer to the question is a LIST of those browsers that support the extra boolean parameter. Simply saying that Firefox supports it is not very helpful at all.

Sign up for our newsletter and get our top new questions delivered to your inbox (see an example).

javascript - Browser support for window.location.reload(true) - Stack ...

javascript browser-support
Rectangle 27 3

location.reload() takes no arguments in the specification, so do not rely on it. It is implemented in some browsers though, including Mozilla Firefox.

I believe the correct answer to the question is a LIST of those browsers that support the extra boolean parameter. Simply saying that Firefox supports it is not very helpful at all.

javascript - Browser support for window.location.reload(true) - Stack ...

javascript browser-support
Rectangle 27 104

All modern browsers support native JSON encoding/decoding (Internet Explorer 8+, Firefox 3.1+, Safari 4+, and Chrome 3+). Basically, JSON.parse(str) will parse the JSON string in str and return an object, and JSON.stringify(obj) will return the JSON representation of the object obj.

More details on the MDN article.

I know the support is not widespread, but using this method should be a lot faster and safer than eval()ing a string, so I want to use it where it's available. Any idea on support from other browsers?

I didn't say don't use it, I said don't count on it. Definitely check to see if it's available (at this point only IE8 and the few Fx Beta users) and use it if so, but I'm just saying that you shouldn't assume the browser supports it. As of now, those two are the only browsers that support it, and WebKit is working on it right now, so it'll probably be in Google Chrome and Safari sometime soon.

Oh, and on a side note, NEVER eval() JSON strings. Instead, use one of the many JSON parsing libraries available.

@TheXenocide: Good point, but its author probably spent a good chunk of time on that validation code, so I say never eval() JSON strings because you will be reinventing the wheel and you will likely get it wrong.

javascript - Browser-native JSON support (window.JSON) - Stack Overflo...

javascript json browser
Rectangle 27 104

All modern browsers support native JSON encoding/decoding (Internet Explorer 8+, Firefox 3.1+, Safari 4+, and Chrome 3+). Basically, JSON.parse(str) will parse the JSON string in str and return an object, and JSON.stringify(obj) will return the JSON representation of the object obj.

More details on the MDN article.

I know the support is not widespread, but using this method should be a lot faster and safer than eval()ing a string, so I want to use it where it's available. Any idea on support from other browsers?

I didn't say don't use it, I said don't count on it. Definitely check to see if it's available (at this point only IE8 and the few Fx Beta users) and use it if so, but I'm just saying that you shouldn't assume the browser supports it. As of now, those two are the only browsers that support it, and WebKit is working on it right now, so it'll probably be in Google Chrome and Safari sometime soon.

Oh, and on a side note, NEVER eval() JSON strings. Instead, use one of the many JSON parsing libraries available.

@TheXenocide: Good point, but its author probably spent a good chunk of time on that validation code, so I say never eval() JSON strings because you will be reinventing the wheel and you will likely get it wrong.

javascript - Browser-native JSON support (window.JSON) - Stack Overflo...

javascript json browser
Rectangle 27 2

Regarding IE, the resize issue occurs because, the re-sizing is done by CSS resize property, which is not supported by IE. This issue can be solved by using Resizable plugin:

<textarea type="textarea" id="txtArea" placeholder="enter the message..."></textarea>
$("#txtArea").resizable();
#txtArea { overflow: hidden; /* for the scrollbars */}

And when it comes to Firefox, it always adds an extra line after the textfield. If you want it to have a constant height, you need to use CSS.

So overall there is no out-of-the-box solution, when it comes to the height or any other styles of the textarea in different browsers. So only possible solution left would be to use CSS or Javascript.

If you want to target Firefox:

@-moz-document url-prefix() {
    textarea {
        height: 4em /* or use px to be sure */ ; 
    }
}

thnx for pointing this out! The autosize is also very interesting!!

You're welcome. This issue has existed for a long time and I don't see a fix coming anytime soon. But then again, it could be a lot worse. :)

html - browser support attribute rows from textarea - Stack Overflow

html browser cross-browser textarea browser-support
Rectangle 27 3

You could make an AJAX call and check response headers for mimetype.

$.ajax({
    type: "GET",
    url: 'http://..../thing.pdf',
    success: function (output, status, xhr) {
      alert("done!"+ xhr.getAllResponseHeaders());
      alert("done!"+ xhr.getResponseHeader("Content-Type"));
    }
  });

Thanks for the hint, which sounded quite promising. Unfortunately Ajax calls to binary files don't work in IE, please see: stackoverflow.com/questions/9783330/

Idea: How about you create a proxy for example : proxy.php?file=document.pdf IE will not handle this as binary file. And you can set your response header in you proxy. Just pass through mime type etc.

It also seems you can use VB script hacks to make it work. Well good luck finding a solution!

I tried that. But unfortunately, this doesn't answer the question, whether the current document's mime type can be displayed by the user's browser...

javascript - Check Browser Support for specific Mime Type? - Stack Ove...

javascript mime-types browser-support
Rectangle 27 6

caniuse.com is very helpful in this manner as well. And you can also check other implementations like HTML5 or SVG support there. http://caniuse.com/

CSS Browser Support Chart - Stack Overflow

css browser cross-browser
Rectangle 27 5

In our project we use html conditional comment to detect which version of IE is running. Something among the lines:

<!--[if IE 8]><html class="lt-ie9"><![endif]-->

You can also use Modernizr which has feature detection.

In terms of other browsers you should be fine, since they update themselves regularly and we haven't find any particular issue related only to one specific version.

Do you know if there are features checked by Modernizr that are needed specifically by AngularJS?

As far as I know AngularJS doesn't need any specific feature from the browser to run properly. You should just be aware of the bugs within the browser (ie. IE8/IE9 not rendering properly when dynamically changing the options of a select element).

How do I check for browser support for AngularJS? - Stack Overflow

angularjs browser-support
Rectangle 27 3

This is an implementation of promises/deferred objects inspired by Kris Kowal's Q.

They are not the same library.

That being said, test the Q library in a given browser at the link at the bottom of it's github page:

IE10 & IE11 fails one test. Does it imply that it cannot be used?

Failed a bunch for me on my PC (mainly due to timeouts). Chrome on Mac is working fine. EDIT looks like the test spec has just been updated as Chrome on PC is no longer failing the tests that were failing just moments ago.

Javascript Q library browser support - Stack Overflow

javascript q browser-support
Rectangle 27 6

Chrome you can can drag and drop onto a file upload, so, you can do drag and drop, but you have to fake it by hiding the form via opacity:0 but make it large via a wrapping div and a width:100% and height:100%: http://www.thecssninja.com/javascript/gmail-upload

Safari is the same as Chrome except you can only do one file at a time, more on this at the link above at the end of the post (thecssninja link)

IE it seems like you can use VBDataObject or ActiveX, but i'm still not quite sure where to find more information. I can just find little snippets of information about how you could use those: http://www.codingforums.com/showthread.php?t=36896 -- If anyone can help me with how to get IE to support it, let me know.

Opera has nothing at all it seems. Just playing with it, it acts like IE where if you drag onto a file upload it just opens that file. If anyone knows away around this let me know.

javascript - Browser support of drag and drop file uploads - Stack Ove...

javascript ajax html5 file-upload drag-and-drop
Rectangle 27 5

Here is the solution gist and jsfiddle.

var mimeCheck = function (type) {
    return Array.prototype.reduce.call(navigator.plugins, function (supported, plugin) {
        return supported || Array.prototype.reduce.call(plugin, function (supported, mime) {
            return supported || mime.type == type;
        }, supported);
    }, false);
};

it works, but it says image/jpg is not supported in chrome. Is there way to get all types including the images.

javascript - Check Browser Support for specific Mime Type? - Stack Ove...

javascript mime-types browser-support
Rectangle 27 1

Safari 5 does indeed support drag and drop of multiple files from the desktop to the browser. I've been using this feature for a good long time now, and I'm happy to share my code if you like.

javascript - Browser support of drag and drop file uploads - Stack Ove...

javascript ajax html5 file-upload drag-and-drop
Rectangle 27 4

The PIUpload project has a compatibility table. It says

Drag/drop support of files is currently only available in Firefox 3.5+. WebKit/Opera doesn't support this feature yet.

javascript - Browser support of drag and drop file uploads - Stack Ove...

javascript ajax html5 file-upload drag-and-drop
Rectangle 27 5

Feature         Chrome  Firefox (Gecko)  Internet Explorer  Opera  Safari (WebKit)
Basic support   4       Unknown (3.5)    10.0               10.6   4

javascript - Browser versions that support web workers? - Stack Overfl...

javascript compatibility web-worker worker browser-support
Rectangle 27 2

It's not new in HTML5, it's just been standardized by the WHATWG.

so can say that its compatible with almost all browsers?

Yes, it's fully compatible with current browsers except Opera Mini.

contenteditable browser support, does it work in browsers that doesn't...

html5 contenteditable browser-support