The string value of an &quot;onclick&quot; attribute is taken to be simple JavaScript code. JavaScript includes provisions for [labeled statements](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/label), so that code is a `return` statement with the label &quot;jamoscript&quot;. In other words, this:

    jamoscript: return confirm(&quot;Do you really want to hurt me?&quot;);

is perfectly legal JavaScript. Labels aren&#39;t used much, so they&#39;re unfamiliar.

The only context in which the &quot;javascript:&quot; prefix matters is when a URL is expected, as is the case with the &quot;href&quot; attribute of `&lt;a&gt;` tags.

I&#39;m creating very simple charts with matplotlib / pylab Python module. The letter &quot;y&quot; that labels the Y axis is on its side. You would expect this if the label was longer, such as a word, so as not to extend the outside of the graph to the left too much. But for a one letter label, this doesn&#39;t make sense, the label should be upright. My searches have come up blank. How can I print the &quot;y&quot; horizontally?

How to print Y axis label horizontally in a matplotlib / pylab chart?

   I have defined these in my .html file:

    &lt;script type=&quot;text/javascript&quot; src=&quot;bower_components/tree.js/tree.min.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;bower_components/q/q.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;test.js&quot;&gt;&lt;/script&gt;


Then in test.js: 

     var myTree = Tree.tree({})

But Typescript errors out saying: &quot;Cannot find name &#39;Tree&#39;&quot;

I also tried compiling with `--module amd` and placing `import Tree = require(&quot;model/tree&quot;);` at the top of the test.js file, but it errors out again: `Cannot find external module &#39;model/tree&#39;.` however clearly it should be a valid import, see here where it was defined: https://github.com/marmelab/tree.js/blob/master/src/main.js

I do **not** want to write .d.ts files for every single external javascript file I want to use, is that seriously what Typescript wants me to do?

How use an external non-typescript library from typescript without .d.ts?

I inherited a website, and just came across this curiosity:

    &lt;a href=&quot;/delete&quot;  onClick=&quot;jamoscript:return confirm(&#39;Do you really want to do that?&#39;);&quot;&gt;Delete all&lt;/a&gt;

I can display the page containing it and click the link to get the confirmation dialog box exactly the same as I do when I change &quot;`jamoscript`&quot; to &quot;`javascript`&quot;. No diagnostics are displayed in the Firebug console, either when the page is loaded or when the link is clicked. What the hey? Googling for jamoscript doesn&#39;t turn up anything interesting.

Can anybody explain this behavior?

Why don&#39;t browsers throw an error when any other word is used in place of &#39;javascript&#39; in the value of onclick?

I inherited a website, and just came across this curiosity:
<pre><code class="hljs language-css">&#x3C;a href="/delete" onClick="jamoscript:return confirm('Do you really want to do that?');">Delete all&#x3C;/a>
</code></pre>
I can display the page containing it and click the link to get the confirmation dialog box exactly the same as I do when I change "<code>jamoscript</code>" to "<code>javascript</code>". No diagnostics are displayed in the Firebug console, either when the page is loaded or when the link is clicked. What the hey? Googling for jamoscript doesn't turn up anything interesting.
Can anybody explain this behavior?

If I have a complex object with objects as property values, how can I filter by one of the nested properties?

Can this be done with the OOB ng-repeat filter?

**Data**

    {
      Name: &#39;John Smith&#39;,
      Manager: {
         id: 123,
         Name: &#39;Bill Lumburg&#39;
      }
    }

**ngRepeat**

    &lt;li ng-repeat=&quot;e in emps | filter:Manager.Name&quot;&gt;{{ e.Name }}&lt;/li&gt;

ngRepeat Filter by deep property

Say you have an array-like Javascript ES6 Iterable that you know in advance will be finite in length, what&#39;s the best way to convert that to a Javascript Array?

The reason for doing so is that many js libraries such as underscore and lodash only support Arrays, so if you wish to use any of their functions on an Iterable, it must first be converted to an Array.

In python you can just use the list() function. Is there an equivalent in ES6?

Convert ES6 Iterable to Array

I want to use the facebook share plugin for the web app I am working on, I only need the basic share button. The app uses requirejs for loading javascript, so I followed the [how-to](https://developers.facebook.com/docs/javascript/howto/requirejs) and changed the facebook api url to the one found in code snippets on facebook [docs](https://developers.facebook.com/docs/plugins/share-button/). This doesn&#39;t work and the sdk throws error ```invalid version specified```. This is how my files look.

__```main.js```__

    require.config({
      shim: {
        &#39;facebookshare&#39; : {
          exports: &#39;FB&#39;
        }
      },
      paths: {
        &#39;facebookshare&#39;:  &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.0&quot;
     }
    });
    require([&#39;fb&#39;]);

__```fb.js```__

    define([&#39;facebookshare&#39;], function(facebook) {
       document.body.innerHTML += &#39;&lt;div class=&quot;fb-share-button&quot; data-href=&quot;https://developers.facebook.com/docs/plugins/&quot; data-layout=&quot;button&quot;&gt;&lt;/div&gt;&#39;;
    });

What is the best way of including only the facebook share plugin with requirejs?

I referred following questions, but none of them provide a concrete solution. [Uncaught error: no version specified](https://stackoverflow.com/questions/23668541/uncaught-error-no-version-specified-facebook-sdk) and [wrong version error](https://stackoverflow.com/questions/24019877/fb-init-function-gives-wrong-version-error).

Invalid version specified, facebook share plugin error

I have an existing Angular/Laravel app in which Laravel acts as an API to the angular frontend serving only JSON data.  The page that loads the angular app, `index.php`, is currently served by Laravel. From there, Angular takes over. 

I&#39;m have a very difficult time trying to get started with Karma/Jasmine.  When running my tests using `karma start` or `karma start karma.conf.js` from the root directory of my project, I get the following error:

`ReferenceError: module is not defined`

Full output:

    INFO [karma]: Karma v0.12.28 server started at http://localhost:9876/
    INFO [launcher]: Starting browser Chrome
    WARN [watcher]: Pattern &quot;/Users/raph/coding/webroot/digitalocean/rugapp/public/rugapp/*.js&quot; does not match any file.
    INFO [Chrome 39.0.2171 (Mac OS X 10.9.5)]: Connected on socket 3OCUMp_xhrGtlGHwiosO with id 7897120
    Chrome 39.0.2171 (Mac OS X 10.9.5) hello world encountered a declaration exception FAILED
    	ReferenceError: module is not defined
    	    at Suite.&lt;anonymous&gt; (/Users/raph/coding/webroot/digitalocean/rugapp/tests/js/test.js:3:16)
    	    at jasmineInterface.describe (/Users/raph/coding/webroot/digitalocean/rugapp/node_modules/karma-jasmine/lib/boot.js:59:18)
    	    at /Users/raph/coding/webroot/digitalocean/rugapp/tests/js/test.js:1:1
    Chrome 39.0.2171 (Mac OS X 10.9.5): Executed 2 of 2 (1 FAILED) (0.005 secs / 0.003 secs)

However, the chrome broswer does launch with the following displayed:

![enter image description here][1]

My `karma.conf.js` file is as follows:

    // Karma configuration
    // Generated on Mon Dec 22 2014 18:13:09 GMT-0500 (EST)
    
    module.exports = function(config) {
      config.set({
    
        // base path that will be used to resolve all patterns (eg. files, exclude)
        basePath: &#39;public/rugapp/&#39;,
    
    
        // frameworks to use
        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
        frameworks: [&#39;jasmine&#39;],
    
    
        // list of files / patterns to load in the browser
        files: [
          &#39;*.html&#39;,
          &#39;**/*.js&#39;,
          &#39;../../tests/js/test.js&#39;,
          &#39;../../tests/js/angular/angular-mocks.js&#39;
        ],
    
    
        // list of files to exclude
        exclude: [
    
        ],
    
    
        // preprocess matching files before serving them to the browser
        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
        preprocessors: {
        },
    
    
        // test results reporter to use
        // possible values: &#39;dots&#39;, &#39;progress&#39;
        // available reporters: https://npmjs.org/browse/keyword/karma-reporter
        reporters: [&#39;progress&#39;],
    
    
        // web server port
        port: 9876,
    
    
        // enable / disable colors in the output (reporters and logs)
        colors: true,
    
    
        // level of logging
        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
        logLevel: config.LOG_INFO,
    
    
        // enable / disable watching file and executing tests whenever any file changes
        autoWatch: true,
    
    
        // start these browsers
        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
        browsers: [&#39;Chrome&#39;],
    
    
        // Continuous Integration mode
        // if true, Karma captures browsers, runs the tests and exits
        singleRun: false
      });
    };



My `package.json` file is shown below:

    {
      &quot;devDependencies&quot;: {
        &quot;gulp&quot;: &quot;^3.8.8&quot;,
        &quot;karma&quot;: &quot;^0.12.28&quot;,
        &quot;karma-chrome-launcher&quot;: &quot;^0.1.7&quot;,
        &quot;karma-jasmine&quot;: &quot;^0.3.2&quot;,
        &quot;laravel-elixir&quot;: &quot;*&quot;
      }
    }


`test.js`

    describe(&quot;hello world&quot;, function() {
        var CreateInvoiceController;
        beforeEach(module(&quot;MobileAngularUiExamples&quot;));
        beforeEach(inject(function($controller) {
            CreateInvoiceController = $controller(&quot;CreateInvoiceController&quot;);
        }));
    
        describe(&quot;CreateInvoiceController&quot;, function() {
            it(&quot;Should say hello&quot;, function() {
                expect(CreateInvoiceController.message).toBe(&quot;Hello&quot;);
            });
        });
    });
    
    describe(&quot;true&quot;, function() {
        it(&quot;Should be true&quot;, function() {
            expect(true).toBeTruthy();
        });
    });

Any help would be *greatly* appreciated.


  [1]: http://i.stack.imgur.com/a1pD5.jpg

ReferenceError: module is not defined - Karma/Jasmine configuration with Angular/Laravel app

I&#39;m using Google Chrome&#39;s Console window to try and figure out why I&#39;m not able to loop over an array in javascript.

I have a javascript object called `moveResult` that looks like this:  

![enter image description here][1]

I&#39;m trying to loop over the `MoveParts` in javascript like this:

    for (var movePart in moveResult.MoveParts) {
        console.log(movePart.From);
    };

I always get `undefined` instead of the actual value.  However, If I try to access the first item explicitly I get what I want, like this:

    console.log(moveResult.MoveParts[0].From);

The result of this is `&quot;b1&quot;`.

**Why isn&#39;t my loop working?**

I&#39;ve also tried a foreach:

    moveResult.MoveParts.foreach(function (movePart) {
        console.log(movePart.From);
    };

  [1]: http://i.stack.imgur.com/VxCKD.jpg

Loop Over Array in Javascript

My brother and I were messing around in sublime earlier and he suddenly shout out, &quot;I learned something new!&quot;

A little shocked, I asked, &quot;What&#39;s that..?&quot;

He replied, &quot;Viewport height! I started in I.E.6 when it wasn&#39;t fully supported and never really looked at it again.&quot; He then proceeded to show me.

To which I replied, &quot;I accomplished the same thing here.&quot; and showed him another sandbox project I messed around with.

In my project, in the CSS, I wrote

(edit: I edited to put the background color in the div, not the html or body, my mistake)

(jsfiddle http://jsfiddle.net/nvLq8eg9/embedded/result/ )


    html, body {
        height: 100%;
    }

    div {
        height: 100%;
        background: green;
    }

his code is,
(jsfiddle http://jsfiddle.net/nvLq8eg9/1/embedded/result/ )

    div {
        height: 100vh;
        background: green;
    }

Both did virtually the same thing. After doing some research on here, it appears as if the commonly run in to issue via the former method is the inability to scroll; however, on my sandbox project I had more content in it and was able to scroll and interact with the website normally.

Neither of us were able to determine what the differences were between both methods. Would anyone on here be able to educate us?

Thank you!

Styling HTML and BODY selector to height: 100%; vs using 100vh

This is impossible to Google for because every article talking about the `:before` and `:after` pseudo-elements seems to use the word &#39;content&#39;. 

I heard about it in [this](http://css-tricks.com/modular-future-web-components/) CSS-Tricks article, explaining how to implement an image slider as an example use-case for web components. The code example it appears inside is thus: 

**CSS**

    #slides ::content img {
       width: 25%;
       float: left;
    }

**HTML**

    &lt;template&gt;
      ...
      &lt;div class=&quot;inner&quot;&gt;
        &lt;content select=&quot;img&quot;&gt;&lt;/content&gt;
      &lt;/div&gt;
    &lt;/template&gt;

It seems to be referring to this `&lt;content&gt;` tag, which is used to allow the user to include Web Components, but I would love to understand this more deeply. 

**EDIT:**

After reading further, in the aforementioned article, I discovered a link the author&#39;s &quot;Shadow DOM CSS Cheatsheet&quot; which includes a passage that explains what the `::content` pseudo-element is: 

&gt; Selects distributed nodes inside of an element. Needs to be paired
&gt; with polyfill-next-selector for browsers that do not support the
&gt; native selector.

    ::content h1 {
        color: red;
    }

Source: http://robdodson.me/blog/2014/04/10/shadow-dom-css-cheat-sheet/

This is helpful, but I still find the whole affair rather opaque. Any additional insights?

What is the ::content/::slotted pseudo-element and how does it work?

I was reading about the difference between two CSS properties `display:none` and `visibility:hidden` and encountered the **DOM reflow** term.

The statement was
&gt; `display: none` causes a DOM reflow whereas `visibility: hidden` does not. 

So my question is: 
### What is DOM reflow and how does it work?

What is DOM reflow?

How can I format the text of a placeholder in italics, but when someone writes inside the textbox, the text shouldn&#39;t be in italics.

code:

    &lt;input type=&quot;text&quot; id=&quot;search&quot; placeholder=&quot;Search&quot; style=&quot;font-style:italic&quot;&gt;

How can I place italic text only on placeholder but not whole input?

How to make only placeholder italics in input

I want to give spacing between buttons is there a way to give spacing using bootstrap so that they will be consistent for different screen resolutions.

I tried using `margin-left` But is it the correct way to do this.??

Here is the [demo][1]


  [1]: http://www.bootply.com/dDfIHeZizW


HTML:

    &lt;div class=&quot;btn-toolbar text-center well&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left&quot;&gt;
          &lt;span class=&quot;glyphicon glyphicon-plus&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt; ADD PACKET
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left&quot;&gt;
          &lt;span class=&quot;glyphicon glyphicon-edit&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt; EDIT CUSTOMER
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left&quot;&gt;
          &lt;span class=&quot;glyphicon glyphicon-time&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt; HISTORY
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left&quot;&gt;
          &lt;span class=&quot;glyphicon glyphicon-trash&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt; DELETE CUSTOMER
        &lt;/button&gt;
    &lt;/div&gt;

CSS:

    .margin-left{
        margin-left: 80px !important;
    }



Content Type	Original Author	Original Content on Stackoverflow
Question	sootsnoot	View Question on Stackoverflow
Solution 1 - Javascript	Pointy	View Answer on Stackoverflow

Why don't browsers throw an error when any other word is used in place of 'javascript' in the value of onclick?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How use an external non-typescript library from typescript without .d.ts?

How to print Y axis label horizontally in a matplotlib / pylab chart?

Attributions