The issue was that I wasn&#39;t loading `underscore.js`. I totally missed that dependency in the docs. Duh.

Further clarification from @tjorriemorrie:
I had underscore, but loaded in the wrong order, first load underscore (guess that is what &#39;dependency&#39; means :)

----------

Further Clarification just in case this isn&#39;t obvious.  The order that things are loaded in JavaScript relates to the order the show up on the page.  To load underscore first, be sure that the script tag including it comes before the one loading backbone.  Like this:

    &lt;script src=&quot;underscore-1.4.4-min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;backbone-1.0.0-min.js&quot;&gt;&lt;/script&gt;


Backbone only hard dependency is Underscore.js
load underscorejs script before backbonejs script

The order is also important. I got the same error and it was was not resolved until I gave the underscore.js before backbone.js. 
  

    &lt;script src=&quot;http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

    &gt;&gt;&gt; class A(object): pass
    ... 
    &gt;&gt;&gt; A.__dict__
    &lt;dictproxy object at 0x173ef30&gt;
    &gt;&gt;&gt; A.__dict__.__dict__
    Traceback (most recent call last):
      File &quot;&lt;string&gt;&quot;, line 1, in &lt;fragment&gt;
    AttributeError: &#39;dictproxy&#39; object has no attribute &#39;__dict__&#39;
    &gt;&gt;&gt; A.__dict__.copy()
    {&#39;__dict__&#39;: &lt;attribute &#39;__dict__&#39; of &#39;A&#39; objects&gt; ... }
    &gt;&gt;&gt; A.__dict__[&#39;__dict__&#39;]
    &lt;attribute &#39;__dict__&#39; of &#39;A&#39; objects&gt; # What is this object?

If I do `A.something = 10`, this goes into `A.__dict__`. What **_is_** this `&lt;attribute &#39;__dict__&#39; of &#39;A&#39; objects&gt;` found in `A.__dict__.__dict__`, and when does it contain something?

What is the __dict__.__dict__ attribute of a Python class?

How can I get the effect of choosing to import from both Maven and Git and have Eclipse properly generate my project? 

To get my project into Eclipse I can choose File-&gt;import-&gt;maven and then I get all the Maven projects imported and can build fine, or I can choose File-&gt;import-&gt;git and make a new project that ignores the pom.xml and does not generate the project properly. 

It seems I can do one or the other but not combine both so I get a correctly generated project.



Importing a Maven project into Eclipse from Git

Just getting started with Backbone.js. Simply including Backbone (either dev/production versions) causes the error:

`Uncaught TypeError: Cannot call method &#39;extend&#39; of undefined` on Line 128:

    // Attach all inheritable methods to the Model prototype
    _.extend(Backbone.Model.prototype, Backbone.Events, 



Backbone.js: `extend` undefined?

Just getting started with Backbone.js. Simply including Backbone (either dev/production versions) causes the error:
<code>Uncaught TypeError: Cannot call method 'extend' of undefined</code> on Line 128:
<pre><code class="hljs language-javascript">// Attach all inheritable methods to the Model prototype
_.extend(Backbone.Model.prototype, Backbone.Events, 
</code></pre>

What is the difference between `$(&#39;this&#39;)[0].nodeName` and `$(&#39;this&#39;)[0].tagName`?

Difference between .tagName and .nodeName

My JS woks well when the city has one word:

- cHIcaGO ==&gt; Chicago

But when it&#39;s

- san diego ==&gt; San diego

How do I make it become San Diego?

    function convert_case() {
        document.profile_form.city.value =
            document.profile_form.city.value.substr(0,1).toUpperCase() + 
            document.profile_form.city.value.substr(1).toLowerCase();
    }

How to capitalize first letter of each word, like a 2-word city?

What&#39;s the fastest way of checking whether an element has scroll bars?

One thing of course is checking whether element is larger than its viewport, which can easily be done by checking these two values:

    el.scrollHeight &gt; el.offsetHeight || el.scrollWidth &gt; el.offsetWidth

but that doesn&#39;t mean that it has scrollbars as well (so it can actually be scrolled by humans).

Question
--
How do I check for scrollbars in a **1** cross browser and **2** javascript only (as in *no jQuery*) way?

Javascript only, because I need as small overhead as possible, because I&#39;d like to write a very fast jQuery selector filter

    // check for specific scrollbars
    $(&quot;:scrollable(x/y/both)&quot;)

    // check for ANY scrollbar
    $(&quot;:scrollable&quot;)

I suppose I&#39;d have to check for `overflow` style settings but how do I do that in a cross browser way?

Additional edit
--
Not only `overflow` style settings. Checking whether an element has a scrollbar isn&#39;t as trivial as it seems. The first formula I&#39;ve written above works fine when element doesn&#39;t have a border, but when it does (especially when border is of considerable width), `offset` dimension can be larger than `scroll` dimension but the element can still be scrollable. We actually have to subtract borders from `offset` dimension to get the actual scrollable viewport of the element and compare that to `scroll` dimension.

For future reference
--
`:scrollable` jQuery selector filter is included in my `.scrollintoview()` jQuery plugin. Complete code can be found in my [blog post](http://erraticdev.blogspot.com/2011/02/jquery-scroll-into-view-plugin-with.html) if anybody needs it. Even though it didn&#39;t provide the actual solution Soumya&#39;s code considerably helped me solve the problem. It pointed me in the right direction.

Check whether HTML element has scrollbars

In my system, I have a number of &quot;classes&quot; loaded in the browser each a separate files during development, and concatenated together for production. As they are loaded, they initialize a property on a global object, here `G`, as in this example:

    var G = {};

    G.Employee = function(name) {
        this.name = name;
        this.company = new G.Company(name + &quot;&#39;s own company&quot;);
    };

    G.Company = function(name) {
        this.name = name;
        this.employees = [];
    };
    G.Company.prototype.addEmployee = function(name) {
        var employee = new G.Employee(name);
        this.employees.push(employee);
        employee.company = this;
    };

    var john = new G.Employee(&quot;John&quot;);
    var bigCorp = new G.Company(&quot;Big Corp&quot;);
    bigCorp.addEmployee(&quot;Mary&quot;);

Instead of using my own global object, I am considering to make each class its own [AMD module][amd], based on [James Burke&#39;s suggestion][class-as-module]:

    define(&quot;Employee&quot;, [&quot;Company&quot;], function(Company) {
        return function (name) {
            this.name = name;
            this.company = new Company(name + &quot;&#39;s own company&quot;);
        };
    });
    define(&quot;Company&quot;, [&quot;Employee&quot;], function(Employee) {
        function Company(name) {
            this.name = name;
            this.employees = [];
        };
        Company.prototype.addEmployee = function(name) {
            var employee = new Employee(name);
            this.employees.push(employee);
            employee.company = this;
        };
        return Company;
    });
    define(&quot;main&quot;, [&quot;Employee&quot;, &quot;Company&quot;], function (Employee, Company) {
        var john = new Employee(&quot;John&quot;);
        var bigCorp = new Company(&quot;Big Corp&quot;);
        bigCorp.addEmployee(&quot;Mary&quot;);
    });

The issue is that before, there was no declare-time dependency between Employee and Company: you could put the declaration in whatever order you wanted, but now, using RequireJS, this introduces a dependency, which is here (intentionally) circular, so the above code fails. Of course, in `addEmployee()`, adding a first line `var Employee = require(&quot;Employee&quot;);` would [make it work][circular], but I see this solution as inferior to not using RequireJS/AMD as it requires me, the developer, to be aware of this newly created circular dependency and do something about it.

Is there a better way to solve this problem with RequireJS/AMD, or am I using RequireJS/AMD for something it was not designed for?

  [amd]: http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition
  [class-as-module]: https://stackoverflow.com/questions/4869530/requirejs-how-to-define-modules-that-contain-a-single-class/4878241#4878241
  [circular]: http://requirejs.org/docs/api.html#circular


How to handle circular dependencies with RequireJS/AMD?

I’m using the `match` function with a Regular Expression.

The code I’m using is:

```javascript
if(val.match(/^s+$/) || val == &quot;&quot; )
```
However, it produces the following error:

&gt;```none 
&gt; &quot;val.match is not function&quot;
&gt;```

What is the problem?

JavaScript error: &quot;val.match is not a function&quot;

I just stumbled upon something I&#39;ve never seen before. In the source of Backbone.js&#39;s example TODO application ([Backbone TODO Example][1]) they had their templates inside a `&lt;script type = &quot;text/template&quot;&gt;&lt;/script&gt;`, which contained code that looks like something out of PHP but with JavaScript tags.

Can someone explain this to me? Is this legit?


  [1]: http://documentcloud.github.com/backbone/examples/todos/index.html

Explanation of &lt;script type = &quot;text/template&quot;&gt; ... &lt;/script&gt;

With [Backbone.js][1] I&#39;ve got a collection set up with a comparator function. It&#39;s nicely sorting the models, but I&#39;d like to reverse the order. 

How can I sort the models in descending order rather than ascending?

  [1]: http://documentcloud.github.com/backbone/

Reverse sort order with Backbone.js

I&#39;m trying out Backbone.js, and one of the things I&#39;m trying is to make a call to a remote API, so I need to be able to override Backbone.sync, as I understand [the documentation][1].

There isn&#39;t an example of how to do that in the documentation itself, and there doesn&#39;t appear to be a google group for Backbone... can someone point out an example for doing this? 




  [1]: http://backbonejs.org/#Sync

How to override Backbone.sync?

I have a `Clock` model in Backbone:

    var Clock = Backbone.Model.extend({});

I&#39;m trying to get an instance of that that has the latest information from `/clocks/123`. Some things I&#39;ve tried:

### a &quot;class&quot;-level method

    Clock.fetch(123)
    // TypeError: Object function (){ ... } has no method &#39;fetch&#39;

### creating an instance and then calling `fetch` on it:

    c = new Clock({id: 123})
    c.fetch()
    // Error: A &#39;url&#39; property or function must be specified

### a collection

I tried creating an `AllClocks` collection resource (even though I have no use for such a thing on the page):

    var AllClocks = Backbone.Collection.extend({
      model: Clock,
      url: &#39;/clocks/&#39;
    });
    var allClocks = new AllClocks();
    allClocks.fetch(123);
    // returns everything from /clocks/

How do I just get **one** API-backed Clock?

How do I fetch a single model in Backbone?

In my backbone.js app, there is a `Trips collection` that holds `Trip models`, which is working with `LocalStorage`. I am able to call `Trips.create(form_attributes)` to create and save a trip to the `Todos store`.

When I first load my app, I call `Trips.fetch({ success: trips_fetch_success })`, and `trips_fetch_success` receives a response that shows the `Trip models` that the `Trips collection` holds.

I have tried to bind `refresh` and `change` events to the `Trips collection`, but these events are not being caught, making me believe I have the wrong idea about which events `Trips.fetch` triggers.

My question: which events should `Trips.fetch` trigger? And are the events triggered on the collection or on each of the individual `Trip models`? 




Content Type	Original Author	Original Content on Stackoverflow
Question	Matt Darby	View Question on Stackoverflow
Solution 1 - Javascript	Matt Darby	View Answer on Stackoverflow
Solution 2 - Javascript	Somnath Kokane	View Answer on Stackoverflow
Solution 3 - Javascript	Haris Np	View Answer on Stackoverflow

Backbone.js: `extend` undefined?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Importing a Maven project into Eclipse from Git

What is the dict.dict attribute of a Python class?

Attributions