Currently you can do something like this: <head> <script type=”text/javascript” src=”https://stackoverflow.com/obp/js/prototype.js”></script> <script type=”text/javascript” src=”https://stackoverflow.com/obp/js/jquery.js”></script> <script type=”text/javascript”> var $j = jQuery.noConflict(); </script> </head> Then, use jQuery as $j() and Prototype’s $().
Since original console is in window.console object, try restoring window.console from iframe: var i = document.createElement(‘iframe’); i.style.display = ‘none’; document.body.appendChild(i); window.console = i.contentWindow.console; // with Chrome 60+ don’t remove the child node // i.parentNode.removeChild(i); Works for me on Chrome 14.
Just thought it was worth updating the thread with a more recent way of doing this in JavaScript as was still coming up in searches. document.querySelector(“[id^=’statusMessage_’]”); caniuse.com lists it can be used on IDs from IE8 and great support in other browsers.
From Core/jQuery.noConflict: NOTE: This function must be called after including the jQuery javascript file, but BEFORE including any other conflicting library, and also before actually that other conflicting library gets used, in case jQuery is included last. noConflict can be called at the end of the jQuery.js file to globally disable the $() jQuery alias. … Read more
Let’s remind you that JavaScript is single-threaded A synchronous IO call BLOCKS THE ENTIRE THREAD A simple fix is to use asynchronous style programming using callbacks. Customer = Class.create({ initialize: function(customerId, cb) { new Ajax.Request(‘some-url’, { method: ‘get’, parameters: { customerId: customerId }, onSuccess: (function() { this.setCustomerInfo.apply(this, arguments); cb.apply(this, arguments); }).bind(this) } }, setCustomerInfo: function(response) … Read more
To load a .js or .css file dynamically, in a nutshell, it means using DOM methods to first create a swanky new “SCRIPT” or “LINK” element, assign it the appropriate attributes, and finally, use element.appendChild() to add the element to the desired location within the document tree. It sounds a lot more fancy than it … Read more
A few options: escape_javascript Alias: j. Works only on strings. Escapes characters that can have special meanings in Javascript strings, like backslash escapes, into a format suitable to put inside Javascript string literal quotes. Maintains html_safe status of input, so needs html_safe otherwise special HTML chars like < would get escaped into <. <% a … Read more
There are two possible solutions: There was a conflict with an older version of Scriptaculous and jQuery (Scriptaculous was attempting to extend the native Array prototype incorrectly) – first try upgrading your copy of Scriptaculous. If that does not work you will need to use noConflict() (as alluded to above). However, there’s a catch. Since … Read more
event.simulate.js fits your needs. I’ve used this several times and it works like a charm. It allows you to manually trigger native events, such as click or hover like so: $(‘foo’).simulate(‘click’); The great thing about this is that all attached event handlers will still be executed, just as if you would have clicked the element … Read more
Since JSON.stringify has been shipping with some browsers lately, I would suggest using it instead of Prototype’s toJSON. You would then check for window.JSON && window.JSON.stringify and only include the json.org library otherwise (via document.createElement(‘script’)…). To resolve the incompatibilities, use: if(window.Prototype) { delete Object.prototype.toJSON; delete Array.prototype.toJSON; delete Hash.prototype.toJSON; delete String.prototype.toJSON; }