Use the global directive to tell JSLint about `foo`&#39;s assumed existence.

    /*global foo */
    
http://www.jslint.com/help.html#global

I&#39;m writing some documentation using ReStructuredText (ReST) format for the later web-page generation using Sphinx, and I cannot find a way to write some &quot;bold italic&quot; text. 

There are markers for the so-called &#39;emphasis&#39; (*italic*) and &#39;strong emphasis&#39; (**bold**) text. They are `*italic text*` and `**bold text**` respectively. I also read in some documentation on this format that these formatting markers cannot be simply &quot;nested&quot;. I.e. the `***text***` (or `** *text* **`) does not produce the ***bold italic*** text.
  
Still there probably should be some way to produce a text emphasized both with bold and italic markers, since it is a widespread practice to mark pieces of text that way.

Bold italic in ReStructuredText

I would like to add a *column description* (also called a &quot;*comment*&quot;) to a column defined by a Doctrine2 entity but can&#39;t find any information on how to do it using the `@Column annotation` without possibly breaking Doctrine&#39;s SchemaTool.

If I use the `columnDefinition` attribute of the `@Column annotation` like 

    @Column(type=&quot;string&quot; columnDefinition=&quot;COMMENT &#39;This is a column comment&#39;&quot;)

the [annotations reference][1] states

&gt; SchemaTool will not detect changes on the column correctly anymore if you use “columnDefinition”.

So is there a way to define a column description without breaking the SchemaTool?

The only clue I got was [this pull request][2] which ended in &quot;*This was solved in different ways.*&quot;.

  [1]: http://docs.doctrine-project.org/projects/doctrine-orm/en/2.0.x/reference/annotations-reference.html#annref-column
  [2]: https://github.com/doctrine/doctrine2/pull/217

How to add column descriptions (comments) in Doctrine2

&gt; **Possible Duplicate:**  
&gt; [JSLint: was used before it was defined](https://stackoverflow.com/questions/9621162/jslint-was-used-before-it-was-defined)  

&lt;!-- End of automatically inserted text --&gt;

I run `JSlint` and saw errors like that:

&lt;pre&gt;&#39;foo&#39; is not defined.
var x = foo();&lt;/pre&gt;

`foo` is a function defined in another `JavaScript` file `foo.js`. As I understand there is no &quot;import / require&quot; directives in `JavaScript` to reference the `foo` function defined in another source file.

How can I fix this error repoted by `JSlint`? 


How to fix &quot;foo is not defined&quot; error reported by JSlint?

> Possible Duplicate: 
> <a href="https://stackoverflow.com/questions/9621162/jslint-was-used-before-it-was-defined" target="_blank" rel="noopener noreferrer">JSLint: was used before it was defined</a>

I run <code>JSlint</code> and saw errors like that:
<pre>'foo' is not defined.
var x = foo();</pre>
<code>foo</code> is a function defined in another <code>JavaScript</code> file <code>foo.js</code>. As I understand there is no "import / require" directives in <code>JavaScript</code> to reference the <code>foo</code> function defined in another source file.
How can I fix this error repoted by <code>JSlint</code>?

I have a Bootstrap modal which is launched from a link. For about 3 seconds it just sits there blank, while the AJAX query fetches the data from the database. How can I implement some sort of a loading indicator? Does twitter bootstrap provide this functionality by default?

EDIT: JS code for modal

    &lt;script type=&quot;text/javascript&quot;&gt;
      $(&#39;#myModal&#39;).modal(&#39;hide&#39;);
      $(&#39;div.divBox a&#39;).click(function(){
        var vendor = $(this).text();
        $(&#39;#myModal&#39;).off(&#39;show&#39;);
        $(&#39;#myModal&#39;).on(&#39;show&#39;, function(){             
          $.ajax({
            type: &quot;GET&quot;,
            url: &quot;ip.php&quot;,
            data: &quot;id=&quot; + vendor,
            success: function(html){
              $(&quot;#modal-body&quot;).html(html);
              $(&quot;.modal-header h3&quot;).html(vendor);
              $(&#39;.countstable1&#39;).dataTable({
                &quot;sDom&quot;: &quot;T&lt;&#39;row-fluid&#39;&lt;&#39;span6&#39;l&gt;&lt;&#39;span6&#39;f&gt;r&gt;t&lt;&#39;row-fluid&#39;&lt;&#39;span6&#39;i&gt;&lt;&#39;span6&#39;p&gt;&gt;&quot;,
                &quot;sPaginationType&quot;: &quot;bootstrap&quot;,
                &quot;oLanguage&quot;: {
                  &quot;sLengthMenu&quot;: &quot;_MENU_ records per page&quot;
                },
                &quot;aaSorting&quot;:[[0, &quot;desc&quot;]],
                &quot;iDisplayLength&quot;: 10,
                &quot;oTableTools&quot;: {
                  &quot;sSwfPath&quot;: &quot;swf/copy_csv_xls_pdf.swf&quot;,
                  &quot;aButtons&quot;: [&quot;csv&quot;, &quot;pdf&quot;]
                }
              });
            }
          });
        });
      });
      $(&#39;#myModal&#39;).on(&#39;hide&#39;, function () {
        $(&quot;#modal-body&quot;).empty();
      });
    &lt;/script&gt;

Implement a loading indicator for a jQuery AJAX call

In Javascript how would i find prime numbers between 0 - 100? i have thought about it, and i am not sure how to find them. i thought about doing x % x but i found the obvious problem with that.
this is what i have so far:
but unfortunately it is the worst code ever.

    var prime = function (){
	var num;
	for (num = 0; num &lt; 101; num++){
		if (num % 2 === 0){
			break;
		}
		else if (num % 3 === 0){
			break;
		}
		else if (num % 4=== 0){
			break;
		}
		else if (num % 5 === 0){
			break;
		}
		else if (num % 6 === 0){
			break;
		}
		else if (num % 7 === 0){
			break;
		}
		else if (num % 8 === 0){
			break;
		}
		else if (num % 9 === 0){
			break;
		}
		else if (num % 10 === 0){
			break;
		}
		else if (num % 11 === 0){
			break;
		}
		else if (num % 12 === 0){
			break;
		}
		else {
			return num;
		}
	}
    };
    console.log(prime());

How to find prime numbers between 0 - 100?

I have recently come accross bootstrap and I am working on extending the hero example. I want to add the following behaviour to my page:

When a button (i.e. an element with selector &#39;.row .btn&#39;) is clicked on, I want to be able to toggle between expanding/collapsing the portion of text above the button.


This is what the HTML looks like:


    &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Test Page&lt;/title&gt;
        &lt;!-- Le styles --&gt;
        &lt;link href=&quot;../assets/css/bootstrap.css&quot; rel=&quot;stylesheet&quot;&gt;
        &lt;style type=&quot;text/css&quot;&gt;
          body {
            padding-top: 60px;
            padding-bottom: 40px;
          }
        &lt;/style&gt;
        &lt;link href=&quot;../assets/css/bootstrap-responsive.css&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;div class=&quot;navbar navbar-fixed-top&quot;&gt;
        &lt;/div&gt;
    
        &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;hero-unit&quot;&gt;
            &lt;h1&gt;Hello, world!&lt;/h1&gt;
            &lt;p&gt;Blah, blah.&lt;/p&gt;
            &lt;p&gt;&lt;a class=&quot;btn btn-primary btn-large&quot;&gt;Learn more &amp;raquo;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
    
          &lt;!-- Example row of columns --&gt;
          &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;span4&quot;&gt;
              &lt;h2&gt;Heading&lt;/h2&gt;
               &lt;p&gt;Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. &lt;/p&gt;
              &lt;p&gt;&lt;a class=&quot;btn&quot; href=&quot;#&quot;&gt;View details &amp;raquo;&lt;/a&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;!-- Placed at the end of the document so the pages load faster --&gt;
        &lt;script src=&quot;../assets/js/jquery.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-transition.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-alert.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-modal.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-dropdown.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-scrollspy.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-tab.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-tooltip.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-popover.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-button.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-collapse.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-carousel.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../assets/js/bootstrap-typeahead.js&quot;&gt;&lt;/script&gt;
    
      &lt;/body&gt;
    &lt;/html&gt;


I can hack this using jQuery, but maybe there is a way of doing it the Bootstrap way? - i.e. using the Bootstrap API?

Twitter Bootstrap button click to toggle expand/collapse text section above button

When my website was 100% jQuery, I used to do this:

    $.ajaxSetup({
        global: true,
        error: function(xhr, status, err) {
            if (xhr.status == 401) {
               window.location = &quot;./index.html&quot;;
            }
        }
    });

to set a global handler for 401 errors. Now, I use angularjs with `$resource` and `$http` to do my (REST) requests to the server. Is there any way to similarly set a global error handler with angular?

Global Ajax error handler with AngularJS

I am wondering if there is a way (similar to Gmail) for AngularJS to **delay showing a new route until after each model and its data has been fetched** using its respective services.

For example, if there were a `ProjectsController` that listed all Projects and `project_index.html` which was the template that showed these Projects, `Project.query()` would be fetched completely before showing the new page.

Until then, the old page would still continue to show (for example, if I were browsing another page and then decided to see this Project index).

Delaying AngularJS route change until model loaded to prevent flicker

I have a very long regular expression, which I wish to split into multiple lines in my JavaScript code to keep each line length 80 characters according to JSLint rules. It&#39;s just better for reading, I think.
Here&#39;s pattern sample:

    var pattern = /^(([^&lt;&gt;()[\]\\.,;:\s@\&quot;]+(\.[^&lt;&gt;()[\]\\.,;:\s@\&quot;]+)*)|(\&quot;.+\&quot;))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

How to split a long regular expression into multiple lines in JavaScript?

I am writing JS UT for my NodeJS code. I am using [Chai][1] as the assertion library, and I prefer the *should* syntax. I also use *jslint* to check the JS file syntax, even the JS files for UT.

Now I have a problem with *jslint* and *Chai*. In *Chai*, you can use:

    myvalue.should.be.true;

But *jslint* give me:

    #1 Expected an assignment or function call and instead saw an expression.

I know *jslint* comes with many options, but I just cannot find the right one to turn off this check.

  [1]: http://chaijs.com/

How to get &quot;should.be.false&quot; syntax pass jslint?

I have been validating my JavaScript using JSLint for about 2 years now and once in a while there are rules that change. In general when JSLint introduces a new rule, there is a checkbox to ignore this rule when parsing, or if you choose to not ignore it then to make your code compliant to it.

As I was running my JSLint validation today, however, I run into these two new errors:

&gt; Use spaces, not tabs.

This is not the &quot;mixing of tabs and spaces&quot; error. I am using only tabs. This is a recently modified version of &quot;mixing of tabs and spaces&quot; which now disallows tabs in general.


And:

&gt; Unsafe character. 
&gt;
&gt; */
&gt; 
&gt; Unsafe character.     
&gt; 
&gt; _const: {


There are no new options to ignore. I cannot understand what is unsafe about closing a block comment, why it considers _const: { as unsafe when I have `nomen: true`, (dangling _ in identifiers) or why should I be suddenly switching from spaces to tabs, when I still have the configuration about indentation of 4 spaces being a tab. 

Does anyone have an idea why those were introduced to at least how to make JSLint ignore these new rules?

**Update:**
The *`Messy White Space`* option works around the issue but it would cause other unexpected behavior:

    if (condition) { 
      //            ^-- there is a space but it won&#39;t indicate an error

Why were the new JSLint errors &quot;use spaces, not tabs&quot; and &quot;unsafe character&quot; introduced?

I was just linting some JavaScript code using JSHint. In the code I have two for-loops both used like this: 

    for (var i = 0; i &lt; somevalue; i++) { ... }

So both for-loops use the var i for iteration.

Now JSHint shows me an error for the second for-loop: &quot;&#39;i&#39; is already defined&quot;. I can&#39;t say that this isn&#39;t true (because it obviously is) but I always thought this wouldn&#39;t matter as the var i is only used in that specific place. 

Is it bad practice to use for-loops this way? Should I use a different variable for each for-loop in my code like

    //for-loop 1
    for (var i = 0; ...; i++) { ... }
    
    //for-loop 2
    for (var j = 0; ...; j++) { ... }

Or is this on e of the errors I can ignore (because it doesn&#39;t break my code, it still does what it is supposed to do)?

JSLint btw. stops validating at the first for loop because I don&#39;t define var i at the top of the function (that&#39;s why I switched to JSHint in the first place). So according to the example in this question: https://stackoverflow.com/questions/6803305/should-i-use-jslint-or-jshint-javascript-validation/10763615#10763615 – I should use for-loops like this anyway to confirm JSLint: 

    ...
    var i;
    ...
    //for-loop 1
    for (i = 0; ...; i++) { ... }
    ...
    //for-loop 2
    for (i = 0; ...; i++) { ... }

This also looks good to me, because this way I should avoid both errors in JSLint and JSHint. But what I am uncertain about is if I should use a different variable for each for-loop like this: 

    ...
    var i, j;
    ...
    //for-loop 1
    for (i = 0; ...; i++) { ... }
    //for-loop 2
    for (j = 0; ...; j++) { ... }

So is there a best practice for this or could I just go with any of the codes above, meaning I choose &quot;my&quot; best practice?

Is it bad practice to use the same variable name in multiple for-loops?

In my project we have some global variables that work as containers:

    MyProject.MyFreature.someFunction = function() { ... }

So then I use that script across the site and JSLint / JSHint complains about that:

&gt; &#39;MyProject&#39; is not defined

I know that I can go to every JavaScript file and add the comment `/*global MyProject*/` on top of it. But I&#39;m looking a way to define that comment in some sort of config file so I don&#39;t have to go file by file adding this comment.

Some kind on option in the `config/jshint.yml` would be nice.

Content Type	Original Author	Original Content on Stackoverflow
Question	Michael	View Question on Stackoverflow
Solution 1 - Javascript	Matt Ball	View Answer on Stackoverflow

How to fix "foo is not defined" error reported by JSlint?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How to add column descriptions (comments) in Doctrine2

Bold italic in ReStructuredText

Attributions