Your problem is that the `top` and `left` properties require a unit of measure, not just a bare number:

    div.style.top = &quot;200px&quot;;
    div.style.left = &quot;200px&quot;;


You can also use the setProperty method like below

    document.getElementById(&#39;divName&#39;).style.setProperty(&quot;top&quot;, &quot;100px&quot;);

`div.style` yields an object ([CSSStyleDeclaration](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration)).  Since it&#39;s an object, you can alternatively use the following:

    div.style[&quot;top&quot;] = &quot;200px&quot;;
    div.style[&quot;left&quot;] = &quot;200px&quot;;

This is useful, for example, if you need to access a &quot;variable&quot; property:

    div.style[prop] = &quot;200px&quot;;



We can create a new CSS class for div.

     .div {
          position: absolute;
          left: 150px;
          width: 200px;
          height: 120px;
        }

In MSDN, the description of the Thread.Abort() method says: &quot;Calling this method **usually** terminates the thread.&quot; 

Why not ALWAYS? 

In which cases it doesn&#39;t terminate the thread? 

Are there any other possibility to terminate threads?

C# Thread Termination and Thread.Abort()

How can I cast a Java object into a boolean primitive 

I tried like below but it doesn&#39;t work

    boolean di = new Boolean(someObject).booleanValue();

&gt;The constructor Boolean(Object) is undefined

Please advise.

How to cast Object to boolean?

For some reason I&#39;m unable to set the &quot;top&quot; and &quot;left&quot; CSS attributes using the following JavaScript.

    var div = document.createElement(&#39;div&#39;);
    div.style.position = &#39;absolute&#39;;
    div.style.top = 200;
    div.style.left = 200;
    document.body.appendChild(div);

Using Firebug I can see that the `div` gets the `position` set to `&quot;absolute&quot;` but the `top` and `left` attributes are not set!

This is for Firefox 3.6.

Setting top and left CSS attributes

For some reason I'm unable to set the "top" and "left" CSS attributes using the following JavaScript.
<pre><code class="hljs language-ini">var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = 200;
div.style.left = 200;
document.body.appendChild(div);
</code></pre>
Using Firebug I can see that the <code>div</code> gets the <code>position</code> set to <code>"absolute"</code> but the <code>top</code> and <code>left</code> attributes are not set!
This is for Firefox 3.6.

I have an object that contains an array of objects.

    obj = {};
    
    obj.arr = new Array();
    
    obj.arr.push({place:&quot;here&quot;,name:&quot;stuff&quot;});
    obj.arr.push({place:&quot;there&quot;,name:&quot;morestuff&quot;});
    obj.arr.push({place:&quot;there&quot;,name:&quot;morestuff&quot;});

I&#39;m wondering what is the best method to remove duplicate objects from an array.  So for example, `obj.arr` would become...

    {place:&quot;here&quot;,name:&quot;stuff&quot;},
    {place:&quot;there&quot;,name:&quot;morestuff&quot;}





How to remove all duplicates from an array of objects?

I have a javascript string which is about 500K when being sent from the server in UTF-8. How can I tell its size in JavaScript?

I know that JavaScript uses UCS-2, so does that mean 2 bytes per character. However, does it depend on the JavaScript implementation? Or on the page encoding or maybe content-type?

How many bytes in a JavaScript string?

I am working on building a HTML5 video player with a custom interface, but I am having some problems getting the video duration information to display.

My HTML is simple:

    &lt;video id=&quot;video&quot; poster=&quot;image.jpg&quot; controls&gt;     
	    &lt;source src=&quot;video_path.mp4&quot; type=&quot;video/mp4&quot; /&gt;
        &lt;source src=&quot;video_path.ogv&quot; type=&quot;video/ogg&quot; /&gt; 
    &lt;/video&gt;
    &lt;ul class=&quot;controls&quot;&gt; 
    &lt;li class=&quot;time&quot;&gt;&lt;p&gt;&lt;span id=&quot;timer&quot;&gt;0&lt;/span&gt; of &lt;span id=&quot;duration&quot;&gt;0&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;  
    &lt;/ul&gt;

And the javascript I am using to get and insert the duration is

    var duration = $(&#39;#duration&#39;).get(0);
    var vid_duration = Math.round(video.duration);
    duration.firstChild.nodeValue = vid_duration;

The problem is nothing happens. I know the video file has the duration data because if I just use the default controls, it displays fine.

But the real strange thing is if I put alert(duration) in my code like so

    alert(duration);
    var vid_duration = Math.round(video.duration);
    duration.firstChild.nodeValue = vid_duration;

then it works fine (minus the annoying alert that pops up). Any ideas what is happening here or how I can fix it?

 
UPDATE: Ok so although I haven&#39;t solved this problem exactly, but I did figure out a work around that handles my biggest concern... the user experience.

First the video doesn&#39;t begin loading until after the viewer hits the play button, so I am assuming that the duration information wasn&#39;t available to be pulled (I don&#39;t know how to fix this particular issue... although I assume that it would involve just loading the video metadata separately from the video, but I don&#39;t even know if that is possible).

So to get around the fact that there is no duration data, I decided to hide the duration info (and actually the entire control) completely until you hit play.

That said, if anyone knows how to load the video metadata separately from the video file, please share. I think that should completely solve this problem.





Retrieving HTML5 video duration separately from the file

According to the book I am reading it is better to change CSS by class when you are using Javascript. But how? Can someone give a sample snippet for this?

How to change a css class style through Javascript?

in JavaScript, the typical way to round a number to N decimal places is something like:

```js
function roundNumber(num, dec) {
  return Math.round(num * Math.pow(10, dec)) / Math.pow(10, dec);
}
```

&lt;!-- begin snippet: js hide: true console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    function roundNumber(num, dec) {
      return Math.round(num * Math.pow(10, dec)) / Math.pow(10, dec);
    }

    console.log(roundNumber(0.1 + 0.2, 2));
    console.log(roundNumber(2.1234, 2));

&lt;!-- end snippet --&gt;

However this approach will round to a *maximum* of N decimal places while I want to *always* round to N decimal places. For example &quot;2.0&quot; would be rounded to &quot;2&quot;. 

Any ideas?

Javascript: formatting a rounded number to N decimals

As far as I can see there are 3 ways to use booleans in c

 1. with the bool type, from &lt;stdbool.h&gt; then using true and false
 2. defining using preprocessor `#define FALSE 0 ... #define TRUE !(FALSE)`
 3. Just to use constants directly, i.e. 1 and 0

are there other methods I missed? What are the pros and cons of the different methods? 

I suppose the fastest would be number 3, 2 is more easily readable still (although bitwise negation will slightly add to overhead), 1 is most readable not compatible with all compilers.



Using true and false in C

I have a class which uses an enumeration, the enum is currently in its own file which seems wasteful.

What is the general opinion on enums being placed within the namespace of a file that they are consumed in? Or should the enum really live in its own cs file? 

**Edit**

I should mention that while the class in question uses these enumerations, so does external callers. In other words, another class can set these enumerations. So they are not used internally to the class, otherwise this question would be a no brainer.

Should enums in C# have their own file?

Some code style tools recommend this and I remember seeing some unix command line tools warning about missing empty line.

What is the reasoning for having an extra empty line?

Why is it recommended to have empty line in the end of a source file?

In a recent code review I spotted a few lines of duplicated logic in a class (less than 15 lines). When I suggested that the author refactor the code, he argued that the code is simpler to understand that way. After reading the code again, I have to agree extracting the duplicated logic would hurt readability a little. 

I know DRY is guideline, not an absolute rule. But in general, are you willing to hurt readability in the name of DRY?

How much duplicated code do you tolerate?

I have been reading a lot of Javascript lately and I have been noticing that the whole file is wrapped like the following in the .js files to be imported.

    (function() {
        ... 
        code
        ...
    })();

What is the reason for doing this rather than a simple set of constructor functions?

Content Type	Original Author	Original Content on Stackoverflow
Question	Deniz Dogan	View Question on Stackoverflow
Solution 1 - Javascript	Lyubomyr Shaydariv	View Answer on Stackoverflow
Solution 2 - Javascript	Eralper	View Answer on Stackoverflow
Solution 3 - Javascript	rinogo	View Answer on Stackoverflow
Solution 4 - Javascript	serkanbasdag	View Answer on Stackoverflow

Setting top and left CSS attributes

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

How to cast Object to boolean?

C# Thread Termination and Thread.Abort()

Attributions