I do not think there is one best practice, but I’ll let you know what I do. I have a series of js files each for with their own purpose in the public/javascripts/ directory. Some examples could be utility.js chat.js shopping_basket.js and so on. I use asset packager and define one big fat collection for … Read more
Your variable definition var _gaq is inside a function. That means it’s locally scoped inside that function and won’t exist globally. Google Analytics depends on the global variable _gaq. If you want to keep it inside a function like that, reference it as window._gaq.
Great question. I’ve been writing complex KnockoutJS views for awhile and was never satisfied until I switched to Ryan Niemeyer’s class binding provider. The Knockout ClassBindingProvider allows you to declare your bindings in a JavaScript object and then reference them from a data-class attribute similar to how css classes work. It works great! See an … Read more
The change they made in Rails 3 with these data- attributes wasn’t about graceful degradation, it was about unobtrusive JavaScript. In Rails 2, specifying :method => :delete on a link would generate a whole bunch of inline JavaScript that would create a form with a hidden input and then submit the form. That was the … Read more
In Rails 5.1+, which replaces the old jquery-ujs with a non-jquery rails-ujs, the above answers no longer work, always submitting the form via an HTML HTTP request. This is how you trigger the new rails submit event handler: var elem = document.getElementById(‘myform’) // or $(‘#myform’)[0] with jQuery Rails.fire(elem, ‘submit’); (Can’t tell you how long it … Read more
Checkout the wikipedia article: Unobtrusive JavaScript “Unobtrusive JavaScript” is a general approach to the use of JavaScript in web pages. Though the term is not formally defined, its basic principles are generally understood to include: Separation of functionality (the “behavior layer”) from a Web page’s structure/content and presentation Best practices to avoid the problems of … Read more
No javascript in the markup is unobtrusive: Obtrusive: <div onclick=”alert(‘obstrusive’)”>Information</div> Unobtrusive: <div id=”informationHeader”>Information</div> window.informationHeader.addEventListener(‘click’, (e) => alert(‘unobstrusive’))
OMG. The answer was to use the right binding attribute. Instead of text, it was value for an input!
You can detect if the event is supported by: if (‘ontouchstart’ in document.documentElement) { //… } Give a look to this article: Detecting event support without browser sniffing The isEventSupported function published there, is really good at detecting a wide variety of events, and it’s cross-browser.
Constructor-functions and prototypes are one of the reasonable ways to implement classes and instances. They don’t quite correspond to that model so you typically need to choose a particular scheme or helper method to implement classes in terms of prototypes. (Some background on classes in JS.) The module pattern is typically used for namespacing, where … Read more