cross-browser

Some code that I don't have control over is overriding the global JSON object without checking if it's already implemented: var JSON = { org: "http://www.JSON.org", copyright: "(c)2005 JSON.org", license: "http://www.crockford.com/JSON/license.html", stringify: function(a, g) { ... The problem is that this version of the JSON parser is very old and has a bug, which is fouling up my attempts at serialization. (Others have had a similar problem with this implementation.) Can I get at the browser's native implementation? I thought delete would work , but it doesn't. I suspect that's because JSON

With all the latest browsers like IE9, FF4, ever updating chrome, etc., do we still need quirks mode? If yes where is it useful? In which scenario? No. You should never use quirks mode. It ceased to be of any relevance once IE 5.0 and 5.5 stopped being used. Those were the last browsers which did not support standards mode, so any sites which needed to include support for them would have needed to be able to work in quirks mode. However, IE6 along with all versions of all browsers released since then supports standards mode. Some of them still carry legacy support for quirks mode, but you

I'd like to create a "universal" debug logging function that inspects the JS namespace for well-known logging libraries. For example, currently it supports Firebug's console.log: var console = window['console']; if (console && console.log) { console.log(message); } Obviously, this only works in Firefox if Firebug is installed/enabled (it'll also work on other browsers with Firebug Lite ). Basically, I will be providing a JS library which I don't know what environment it will be pulled into, and I'd like to be able to figure out if there is a way to report debug output to the user. So, perhaps

In all 'modern' browsers the following works but not in IE8: <!-- ko template: {if: $root.itemToEdit.SomeObject() === $data, name: 'EditItemTemplate', afterRender: $root.initializeEditPanel } --> <!-- /ko --> I get the following error: SCRIPT5022: Unable to parse bindings. Message: SyntaxError: Expected identifier, string or number; Bindings value: template: {if: $root.itemToEdit.SomeObject() === $data, name: 'EditItemTemplate', afterRender: $root.initializeEditPanel } It seems to be the inclusion of the if statement inside the template definition. If I change the markup to the following, IE8

This question already has an answer here: How to disable text selection highlighting 42 answers So, while playing with scrollbars and stuff in HTML5, I'm starting to notice an annoying trend. If I have text near my element that's being dragged (say, a scrub bar for a video, scroll bar, anything a user would click and drag), nearby text will get selected, as if I'm not using a control, just dragging over the page. This is terribly annoying, and I can't seem to find the right string to search for on google to figure out if it's possible to make certain elements "unselectable". Anyone know how to