Set the `tabindex=&quot;0&quot;` on the `div`, on the assumption that you want the `div`s to receive focus, rather than child elements.

Updated the answer to add a JS Fiddle demo, showing a JavaScript means of achieving this:

    var divs = document.getElementsByTagName(&#39;div&#39;);
    for (var i = 0, len = divs.length; i &lt; len; i++){
        divs[i].setAttribute(&#39;tabindex&#39;, &#39;0&#39;);
    }

[JS Fiddle demo](http://jsfiddle.net/davidThomas/XWhJG/1/).

While composing the demo I found that `tabindex=&quot;-1&quot;` allows the element to receive mouse-clicks to assign focus, but not keyboard events (through the &lt;kbd&gt;tab&lt;/kbd&gt; button), however (and as implied in the comment, earlier, by [Fabricio Matt&#233;](https://stackoverflow.com/questions/16261504/make-div-element-receive-focus/16261525#comment23268982_16261504), a `tabindex=&quot;0&quot;` allows for both). So I&#39;ve used that in the demo, and updated the original answer to reflect that change.

Behavior of `tabindex=&quot;0&quot;` versus `tabindex=&quot;-1&quot;` documented here: https://developer.mozilla.org/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets#Using_tabindex

there is an aspect of futures that I do not exactly understand from the official tutorial ref. [http://docs.scala-lang.org/overviews/core/futures.html][1]

Do futures in scala have a built in time-out mechanism of some kind? Let&#39;s say the example below was a 5 gigabyte text file... does the implied scope of &quot;Implicits.global&quot; eventually cause onFailure to fire in a non-blocking way or can that be defined? And without a default time-out of some kind, wouldn&#39;t that imply it&#39;s possible neither success nor failure would ever fire? 


    import scala.concurrent._
    import ExecutionContext.Implicits.global
    
    val firstOccurence: Future[Int] = future {
      val source = scala.io.Source.fromFile(&quot;myText.txt&quot;)
      source.toSeq.indexOfSlice(&quot;myKeyword&quot;)
    }
    firstOccurence onSuccess {
      case idx =&gt; println(&quot;The keyword first appears at position: &quot; + idx)
    }
    firstOccurence onFailure {
      case t =&gt; println(&quot;Could not process file: &quot; + t.getMessage)
    }


  [1]: http://docs.scala-lang.org/overviews/core/futures.html

Scala Futures - built in timeout?

I have installed Visio 2013 Standard and I&#39;m trying to create an UML diagram.

I choose the &quot;UML class&quot; template but when it opens, the Shapes panel is empty. As recomended, I go to &quot;More Shapes&quot; menu, but cannot find anything related to UML.

Have anyone had this problem and got a solution?

Thanks

UML diagram shapes missing on Visio 2013

How can I make an HTML `&lt;div&gt;` element receive focus, so elements will be put into focus when `focus()` is called on them?

Make div element receive focus

<p>How can I make an HTML <code>&#x3C;div></code> element receive focus, so elements will be put into focus when <code>focus()</code> is called on them?</p>


I&#39;m drawing a scatterplot with d3.js. With the help of this question :    
https://stackoverflow.com/questions/3437786/how-to-get-web-page-size-browser-window-size-screen-size-in-a-cross-browser-wa

I&#39;m using this answer :

    var w = window,
        d = document,
        e = d.documentElement,
        g = d.getElementsByTagName(&#39;body&#39;)[0],
        x = w.innerWidth || e.clientWidth || g.clientWidth,
        y = w.innerHeight|| e.clientHeight|| g.clientHeight;

So I&#39;m able to fit my plot to the user&#39;s window like this :

	var svg = d3.select(&quot;body&quot;).append(&quot;svg&quot;)
			.attr(&quot;width&quot;, x)
			.attr(&quot;height&quot;, y)
		    .append(&quot;g&quot;);

Now I&#39;d like that something takes care of resizing the plot when the user resize the window.

PS : I&#39;m not using jQuery in my code.



Resize svg when window is resized in d3.js

If I have a block of HTML with many tags, how do insert it in JavaScript?

    var div = document.createElement(&#39;div&#39;);
    div.setAttribute(&#39;class&#39;, &#39;post block bc2&#39;);
    div.innerHTML = &#39;HERE TOO MUCH HTML that is much more than one line of code&#39;;
    document.getElementById(&#39;posts&#39;).appendChild(div);

How do I do it right?

How to insert a large block of HTML in JavaScript?

I wrote a code for broadcasting a message to *all* users: 

    // websocket and http servers
    var webSocketServer = require(&#39;websocket&#39;).server;

    ...
    ...
    var clients = [ ];
    
    var server = http.createServer(function(request, response) {
        // Not important for us. We&#39;re writing WebSocket server, not HTTP server
    });
    server.listen(webSocketsServerPort, function() {
      ...
    });
    
    var wsServer = new webSocketServer({
        // WebSocket server is tied to a HTTP server. 
        httpServer: server
    });
    
    // This callback function is called every time someone
    // tries to connect to the WebSocket server
    wsServer.on(&#39;request&#39;, function(request) {
    ...
    var connection = request.accept(null, request.origin); 
    var index = clients.push(connection) - 1;
    ...

Please notice: 

* I don&#39;t have any user reference but only a connection .
* All users connection are stored in an `array`.

**Goal**: Let&#39;s say that the Node.js server wants to send a message to a specific client (John). How would the NodeJs server know which connection John has? The Node.js server doesn&#39;t even know John. all it sees is the connections.

So, I believe that now, I shouldn&#39;t store users only by their connection, instead, I need to store an object, which will contain the `userId` and the `connection` object.

**Idea:** 

* When the page finishes loading (DOM ready) - establish a connection to the Node.js server.

* When the Node.js server accept a connection - generate a unique string and send it to the client browser. Store the user connection and the unique string in an object. e.g. `{UserID:&quot;6&quot;, value: {connectionObject}}`

* At client side, when this message arrives - store it in a hidden field or cookie. (for future requests to the NodeJs server )

---

  When the server wants to send a message to John: 

* Find john&#39;s UserID in the dictionary and send a message by the corresponding connection.

* please notice there is no asp.net server code invloced here (in the message mechanism). only NodeJs .*

**Question:** 

Is this the right way to go?


Sending message to a specific connected users using webSocket?

I have an AngularJS service that I want to initialize with some asynchronous data. Something like this:

    myModule.service(&#39;MyService&#39;, function($http) {
    	var myData = null;
    	
    	$http.get(&#39;data.json&#39;).success(function (data) {
    		myData = data;
    	});
    	
    	return {
    		setData: function (data) {
    			myData = data;
    		},
    		doStuff: function () {
    			return myData.getSomeData();
    		}
    	};
    });

Obviously this won&#39;t work because if something tries to call `doStuff()` before `myData` gets back I will get a null pointer exception. As far as I can tell from reading some of the other questions asked [here][1] and [here][2] I have a few options, but none of them seem very clean (perhaps I am missing something):

**Setup Service with &quot;run&quot;**

When setting up my app do this:

    myApp.run(function ($http, MyService) {
    	$http.get(&#39;data.json&#39;).success(function (data) {
    		MyService.setData(data);
    	});
    });
Then my service would look like this:

    myModule.service(&#39;MyService&#39;, function() {
    	var myData = null;
    	return {
    		setData: function (data) {
    			myData = data;
    		},
    		doStuff: function () {
    			return myData.getSomeData();
    		}
    	};
    });

This works some of the time but if the asynchronous data happens to take longer than it takes for everything to get initialized I get a null pointer exception when I call `doStuff()`

**Use promise objects**

This would probably work. The only downside it everywhere I call MyService I will have to know that doStuff() returns a promise and all the code will have to us `then` to interact with the promise. I would rather just wait until myData is back before loading the my application.

**Manual Bootstrap** 

    angular.element(document).ready(function() {
        $.getJSON(&quot;data.json&quot;, function (data) {
           // can&#39;t initialize the data here because the service doesn&#39;t exist yet
           angular.bootstrap(document);
           // too late to initialize here because something may have already
           // tried to call doStuff() and would have got a null pointer exception
        });
    });

**Global Javascript Var**
I could send my JSON directly to a global Javascript variable:

HTML:

    &lt;script type=&quot;text/javascript&quot; src=&quot;data.js&quot;&gt;&lt;/script&gt;

data.js:

    var dataForMyService = { 
    // myData here
    };

Then it would be available when initializing `MyService`:

    myModule.service(&#39;MyService&#39;, function() {
    	var myData = dataForMyService;
    	return {
    		doStuff: function () {
    			return myData.getSomeData();
    		}
    	};
    });

This would work too, but then I have a global javascript variable which smells bad.

Are these my only options? Are one of these options better than the others? I know this is a pretty long question, but I wanted to show that I have tried to explore all my options. Any guidance would greatly be appreciated. 


  [1]: https://stackoverflow.com/questions/12657389/angularjs-load-service-then-call-controller-and-render
  [2]: https://stackoverflow.com/questions/15164013/json-to-initialize-data-in-service

AngularJS : Initialize service with asynchronous data

I am using Backbone.js and the Tornado web server.  The standard behavior for receiving collection data in Backbone is to send as a JSON Array.

On the other hand, Tornado&#39;s standard behavior is to not allow JSON Array&#39;s due to the following vulnerability:

http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx

A related one is:
http://haacked.com/archive/2009/06/25/json-hijacking.aspx

It feels more natural for me to not have to wrap up my JSON in an object when it really is a list of objects.

I was unable to reproduce these attacks in modern browsers (i.e. current Chrome, Firefox, Safari, and IE9).  At the same time I was unable to confirm anywhere that modern browsers had addressed these issues.

To ensure that I am mislead neither by any possible poor programming-skills nor poor googling-skills:

**Are these JSON Hijacking attacks still an issue today in modern browsers?**

(Note:  Sorry for the possible duplicate to: https://stackoverflow.com/questions/8587567/is-it-possible-to-do-json-hijacking-on-modern-browser  but since the accepted answer does not seem to answer the question - I thought it was time to ask it again and get some clearer explanations.)

Is JSON Hijacking still an issue in modern browsers?

I have a `&lt;button&gt;` with a hyperlink tag inside, looks like this:

    &lt;button class=&quot;btn&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/button&gt;

This works well in Chrome and Safari, BUT doesn&#39;t work in Firefox (ver 20 tested).

What&#39;s wrong?

Nesting &lt;a&gt; inside &lt;button&gt; doesn&#39;t work in Firefox

I am curious about the original purpose of the `&lt;input type=&quot;hidden&quot;&gt;` tag.

Nowadays it is often used together with JavaScript to store variables in it which are sent to the server and things like that.

- HTML 2.0 was released in [November 1995][1], containing already the [specification for input type=&quot;hidden&quot;][2]
- JavaScript was released [March 1996][3]

Therefore, the `&lt;input type=&quot;hidden&quot;&gt;` existed **before** JavaScript, so what was its original purpose? I can only imagine of sending a value from the server to the client which is (unchanged) sent back to maintain a kind of a state. Or do I get something wrong in the history of it and `&lt;input type=&quot;hidden&quot;&gt;` was always supposed to be used together with JavaScript?

If possible, please also give references in your answers.


  [1]: http://en.wikipedia.org/wiki/HTML#HTML_version_timeline
  [2]: http://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.1.2.6
  [3]: http://en.wikipedia.org/wiki/JavaScript#Version_history

Original purpose of &lt;input type=&quot;hidden&quot;&gt;?

I&#39;m using the new `position: sticky` ([info][1]) to create an iOS-like list of content.

It&#39;s working well and far superior than the previous JavaScript alternative ([example][2]) however as far as I know no event is fired when it&#39;s triggered, which means I can&#39;t do anything when the bar hits the top of the page, unlike with the previous solution.

**I&#39;d like to add a class (e.g. `stuck`) when an element with `position: sticky` hits the top of the page. Is there a way to listen for this with JavaScript? Usage of jQuery is fine.**


  [1]: http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
  [2]: http://jsbin.com/omanut/2/edit


Content Type	Original Author	Original Content on Stackoverflow
Question	Chito Adinugraha	View Question on Stackoverflow
Solution 1 - Javascript	David Thomas	View Answer on Stackoverflow

Make div element receive focus

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

UML diagram shapes missing on Visio 2013

Scala Futures - built in timeout?

Attributions