Use the noConflict method for jQuery and assign it to a new (short) variable. Use the new variable wherever you would have used the $ for jQuery. var $j = jQuery.noConflict(); $j(function() { $j(‘#selector’).each( …. ); }); or, if you don’t need to mix Prototype/jQuery you can wrap all of your jQuery code in an … Read more
Classical inheritance is about extending types of things. Say you have a class, like Bike. When you want extend the behaviour, you have to design a new type of bike (like MotorBike). It’s like building a factory – you make lots of blueprints, and blueprints that reference those blueprints, but in order to ride one … Read more
What you need is a simple queue of onload functions. Also please avoid browser sniffing as it is unstable and not future proof. For full source code see the [Demo] var onload_queue = []; var dom_loaded = false; function loadScriptAsync(src, callback) { var script = document.createElement(‘script’); script.type = “text/javascript”; script.async = true; script.src = src; … Read more
You can now use fetch() to add your headers and then load the result into an <img>: const src=”https://api.mywebsite.com/profiles/123/avatar”; const options = { headers: { ‘Some-Header’: ‘…’ } }; fetch(src, options) .then(res => res.blob()) .then(blob => { imgElement.src = URL.createObjectURL(blob); });
You can’t delay the firing of the event, but you can delay your handling of the event. Here’s a quick example without jQuery or Prototype that will make it easier to understand. var delay = function (elem, callback) { var timeout = null; elem.onmouseover = function() { // Set timeout to be a timer which … Read more
This is usually done with Event#findElement: document.observe(‘click’, function(e, el) { if (el = e.findElement(‘.foo’)) { // there’s your `el` // might want to stop event at this point – e.stop() } });
There’s no need for Prototype here: JavaScript has for..in loops. If you’re not sure that no one messed with Object.prototype, check hasOwnProperty() as well, ie for(var prop in obj) { if(obj.hasOwnProperty(prop)) doSomethingWith(obj[prop]); }
I propose you to use some small loader which will chain and do stuff for you. For example like this one: function loadScripts(array,callback){ var loader = function(src,handler){ var script = document.createElement(“script”); script.src = src; script.onload = script.onreadystatechange = function(){ script.onreadystatechange = script.onload = null; handler(); } var head = document.getElementsByTagName(“head”)[0]; (head || document.body).appendChild( script ); … Read more
Too many hours looking for a correct fix on prototypejs… finally, we have a non-intrusive solution on great kourge (Wilson Lee) article!. Here is an excerpt: Most major Ajax frameworks like to set custom HTTP headers on the Ajax requests you instantiate; the most popular header is X-Requested-With: XMLHttpRequest. Consequently your request is promoted to … Read more
It might not be possible to stream binary data, but you can use Ajax to retrieve binary data. This is possible using one of two methods: Javascript Typed Arrays or an XMLHttpResponse overrideMimeType hack. Have a read of a good article on MDN – these examples are taken from there: Sending and Receiving Binary Data … Read more