Use `window.open()`:

    &lt;a onclick=&quot;window.open(document.URL, &#39;_blank&#39;, &#39;location=yes,height=570,width=520,scrollbars=yes,status=yes&#39;);&quot;&gt;
      Share Page
    &lt;/a&gt;

This will create a link titled `Share Page` which opens the current url in a new window with a height of 570 and width of 520.

Just use [`window.open()`](https://developer.mozilla.org/en-US/docs/DOM/window.open) function? The third parameter lets you specify window size.


### Example


    var strWindowFeatures = &quot;location=yes,height=570,width=520,scrollbars=yes,status=yes&quot;;
    var URL = &quot;https://www.linkedin.com/cws/share?mini=true&amp;amp;url=&quot; + location.href;
    var win = window.open(URL, &quot;_blank&quot;, strWindowFeatures);



Don&#39;t confuse, if you won&#39;t give any strWindowFeatures then it will open in a new tab.

    window.open(&#39;https://play.google.com/store/apps/details?id=com.drishya&#39;);

The following is JavaScript to be used in a function:
Note, I have 1&#39;s and 0&#39;s instead of yes and no.


    var theTop=((screen.height/2)-(theHeight/2))/2;
    var theLeft=(screen.width/2)-(theWidth/2);
    var features = &#39;height=600,width=800,top=&#39;+theTop+&#39;,left=&#39;+theLeft+&#39;,toolbar=1,Location=0,Directories=0,Status=0,menubar=1,Scrollbars=1,Resizable=1&#39;;

    window.open(in_uri, WindowName, features);


How do you check if Java SDK is installed on a Mac?

Is there a command line for this?


How do I check if the Java JDK is installed on Mac?

Is there a way to **CENTER A DIV vertically and horizontally** but, and that is important, that **the content will not be cut when the window is smaller than the content**  **The div must have a background color and a width and hight.** 

I have always centered divs with the absolute positioning and negative margins like in the example provided. But it has the problem that it cuts the content on top. Is there a method to center the div .content without this problem?

I have the example here to play: http://jsbin.com/iquviq/1/edit

CSS:

    body { margin: 0px; }
    
    .background {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    	background-color: yellow;
    }

    /* 
    is there a better way than the absolute positioning and negative margin to center the div .content: div with background color a width and a hight?: 
    */ 

 
    .content {
        width: 200px;
        height: 600px;
        background-color: blue;
    	
        position:absolute;
        top:50%;
        left:50%;
        margin-left:-100px;/* half width*/
        margin-top:-300px;/* half height*/
    }

HTML:

    &lt;div class=&quot;background&quot;&gt;
        &lt;div class=&quot;content&quot;&gt; some text &lt;/div&gt;
    &lt;/div&gt;

My question is not duplicate of &quot;How to center an element horizontally and vertically? &quot; 1- My question was asked before. (just check dates). 2- My question ask very clearly and in black as condition: &quot;the content will not be cut when the window is smaller than the content&quot;

Center a DIV horizontally and vertically

I&#39;m making a &quot;share button&quot; to share the current page. I would like to take the current page URL and open it in a new window. I have the current URL part working, but can&#39;t seem to get the next part working. 

I&#39;m struggling with the syntax. I would like to specify the new window size to `width=520, height=570`.

Something like: 

    &lt;a target=&quot;_blank&quot;
       href=&quot;https://www.linkedin.com/cws/share?mini=true&amp;amp;url=[sub]&quot; 
       onclick=&quot;this.href = this.href.replace(&#39;[sub]&#39;,window.location)&quot;&gt;
        LinkedIn
    &lt;/a&gt;


Any ideas?

Open URL in new window with JavaScript

I'm making a "share button" to share the current page. I would like to take the current page URL and open it in a new window. I have the current URL part working, but can't seem to get the next part working.
I'm struggling with the syntax. I would like to specify the new window size to <code>width=520, height=570</code>.
Something like:
<pre><code class="hljs language-ini">&#x3C;a target="_blank"
 href="https://www.linkedin.com/cws/share?mini=true&#x26;amp;url=[sub]" 
 onclick="this.href = this.href.replace('[sub]',window.location)">
 LinkedIn
&#x3C;/a>
</code></pre>
Any ideas?

I just found the similar_text function and was playing around with it, but the percentage output always suprises me. See the examples below. 

I tried to find information on the algorithm used as mentioned on [php: `similar_text()`&lt;sup&gt;*Docs*&lt;/sup&gt;][1]:


    &lt;?php
    $p = 0;
    similar_text(&#39;aaaaaaaaaa&#39;, &#39;aaaaa&#39;, $p);
    echo $p . &quot;&lt;hr&gt;&quot;;
    //66.666666666667
    //Since 5 out of 10 chars match, I would expect a 50% match
    
    similar_text(&#39;aaaaaaaaaaaaaaaaaaaa&#39;, &#39;aaaaa&#39;, $p);
    echo $p . &quot;&lt;hr&gt;&quot;;
    //40
    //5 out of 20 &gt; not 25% ?
        
    similar_text(&#39;aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#39;, &#39;aaaaa&#39;, $p);
    echo $p . &quot;&lt;hr&gt;&quot;; 
    //9.5238095238095 
    //5 out of 100 &gt; not 5% ?
    
    
    //Example from PHP.net
    //Why is turning the strings around changing the result?
    
    similar_text(&#39;PHP IS GREAT&#39;, &#39;WITH MYSQL&#39;, $p);
    echo $p . &quot;&lt;hr&gt;&quot;; //27.272727272727
    
    similar_text(&#39;WITH MYSQL&#39;, &#39;PHP IS GREAT&#39;, $p);
    echo $p . &quot;&lt;hr&gt;&quot;; //18.181818181818
    
    ?&gt;

Can anybody explain how this actually works?


**Update:**

Thanks to the comments I found that the percentage is actually calculated using the number of similar charactors * 200 / length1 + lenght 2

    Z_DVAL_PP(percent) = sim * 200.0 / (t1_len + t2_len);

So that explains why the percenatges are higher then expected. With a string with 5 out of 95 it turns out 10, so that I can use.

    similar_text(&#39;aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#39;, &#39;aaaaa&#39;, $p);
    echo $p . &quot;&lt;hr&gt;&quot;; 
    //10
    //5 out of 95 = 5 * 200 / (5 + 95) = 10


But I still cant figure out why PHP returns a different result on turning the strings around. The JS code provided by dfsq doesn&#39;t do this. Looking at the source code in PHP I can only find a difference in the following line, but i&#39;m not a c programmer. Some insight in what the difference is, would be appreciated.

In JS:

    for (l = 0;(p + l &lt; firstLength) &amp;&amp; (q + l &lt; secondLength) &amp;&amp; (first.charAt(p + l) === second.charAt(q + l)); l++);

In PHP: (php_similar_str function)

    for (l = 0; (p + l &lt; end1) &amp;&amp; (q + l &lt; end2) &amp;&amp; (p[l] == q[l]); l++);



Source:


    /* {{{ proto int similar_text(string str1, string str2 [, float percent])
       Calculates the similarity between two strings */
    PHP_FUNCTION(similar_text)
    {
      char *t1, *t2;
      zval **percent = NULL;
      int ac = ZEND_NUM_ARGS();
      int sim;
      int t1_len, t2_len;
    
      if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, &quot;ss|Z&quot;, &amp;t1, &amp;t1_len, &amp;t2, &amp;t2_len, &amp;percent) == FAILURE) {
        return;
      }
    
      if (ac &gt; 2) {
        convert_to_double_ex(percent);
      }
    
      if (t1_len + t2_len == 0) {
        if (ac &gt; 2) {
          Z_DVAL_PP(percent) = 0;
        }
    
        RETURN_LONG(0);
      }
    
      sim = php_similar_char(t1, t1_len, t2, t2_len);
    
      if (ac &gt; 2) {
        Z_DVAL_PP(percent) = sim * 200.0 / (t1_len + t2_len);
      }
    
      RETURN_LONG(sim);
    }
    /* }}} */ 
    
    
    /* {{{ php_similar_str
     */
    static void php_similar_str(const char *txt1, int len1, const char *txt2, int len2, int *pos1, int *pos2, int *max)
    {
      char *p, *q;
      char *end1 = (char *) txt1 + len1;
      char *end2 = (char *) txt2 + len2;
      int l;
    
      *max = 0;
      for (p = (char *) txt1; p &lt; end1; p++) {
        for (q = (char *) txt2; q &lt; end2; q++) {
          for (l = 0; (p + l &lt; end1) &amp;&amp; (q + l &lt; end2) &amp;&amp; (p[l] == q[l]); l++);
          if (l &gt; *max) {
            *max = l;
            *pos1 = p - txt1;
            *pos2 = q - txt2;
          }
        }
      }
    }
    /* }}} */
    
    
    /* {{{ php_similar_char
     */
    static int php_similar_char(const char *txt1, int len1, const char *txt2, int len2)
    {
      int sum;
      int pos1, pos2, max;
    
      php_similar_str(txt1, len1, txt2, len2, &amp;pos1, &amp;pos2, &amp;max);
      
      if ((sum = max)) {
        if (pos1 &amp;&amp; pos2) {
          sum += php_similar_char(txt1, pos1,
                      txt2, pos2);
        }
        if ((pos1 + max &lt; len1) &amp;&amp; (pos2 + max &lt; len2)) {
          sum += php_similar_char(txt1 + pos1 + max, len1 - pos1 - max,
                      txt2 + pos2 + max, len2 - pos2 - max);
        }
      }
    
      return sum;
    }
    /* }}} */

Source in Javascript: [similar text port to javascript][2]


  [1]: http://php.net/manual/en/function.similar-text.php
  [2]: http://phpjs.org/functions/similar_text/

How does similar_text work?

Is there a way to do this inline in a jade template?

    if(typeof fromEdit != &#39;undefined&#39;)
       div#demo.collapse.in
    else
       div#demo.collapse

Would like to do this conditional check &quot;inline&quot; and the result would add the .in to the end of the div if fromEdit exists.  

Jade conditional (if/else) to add class to div inline

So yes I can subscribe to an observable array:

    vm.myArray = ko.observableArray();
    vm.myArray.subscribe(function(newVal){...});

The problem is the `newVal` passed to the function is the entire array. Is there anyway I can get only the delta part? Say the **added** or **removed** element?

Subscribe to observable array for new or removed entry only

&lt;!-- language-all: lang-html --&gt;

I have multiple elements with the attribute: `data-percentage`, is there a way of sorting the elements into ascending order with the lowest value first using either JavaScript or jQuery?

HTML:

    &lt;div class=&quot;testWrapper&quot;&gt;
      &lt;div class=&quot;test&quot; data-percentage=&quot;30&quot;&gt;
      &lt;div class=&quot;test&quot; data-percentage=&quot;62&quot;&gt;
      &lt;div class=&quot;test&quot; data-percentage=&quot;11&quot;&gt;
      &lt;div class=&quot;test&quot; data-percentage=&quot;43&quot;&gt;
    &lt;/div&gt;

Desired result:

    &lt;div class=&quot;testWrapper&quot;&gt;
      &lt;div class=&quot;test&quot; data-percentage=&quot;11&quot;&gt;
      &lt;div class=&quot;test&quot; data-percentage=&quot;30&quot;&gt;
      &lt;div class=&quot;test&quot; data-percentage=&quot;43&quot;&gt;
      &lt;div class=&quot;test&quot; data-percentage=&quot;62&quot;&gt;
    &lt;/div&gt;

How can I sort elements by numerical value of data attribute?

I have a node / angular project that uses npm for backend dependency management and bower for frontend dependency management. I&#39;d like to use a grunt task to do both install commands. I haven&#39;t been able to figure out how to do it.

I made an attempt using `exec`, but it doesn&#39;t actually install anything.

    module.exports = function(grunt) {
    
        grunt.registerTask(&#39;install&#39;, &#39;install the backend and frontend dependencies&#39;, function() {
            // adapted from http://www.dzone.com/snippets/execute-unix-command-nodejs
            var exec = require(&#39;child_process&#39;).exec,
                sys  = require(&#39;sys&#39;);
    
            function puts(error, stdout, stderr) { console.log(stdout); sys.puts(stdout) }
    
            // assuming this command is run from the root of the repo
            exec(&#39;bower install&#39;, {cwd: &#39;./frontend&#39;}, puts);
        });
    
    };

When I `cd` into frontend, open up `node`, and run this code from the console, this works fine. What am I doing wrong in the grunt task?

(I also tried to use the bower and npm APIs, but couldn&#39;t make that work either.)

Content Type	Original Author	Original Content on Stackoverflow
Question	Mark Mitchell	View Question on Stackoverflow
Solution 1 - Javascript	citruspi	View Answer on Stackoverflow
Solution 2 - Javascript	Shiplu Mokaddim	View Answer on Stackoverflow
Solution 3 - Javascript	Ankit Kumar Rajpoot	View Answer on Stackoverflow
Solution 4 - Javascript	Joe K	View Answer on Stackoverflow

Open URL in new window with JavaScript

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Example

Solution 3 - Javascript

Solution 4 - Javascript

Center a DIV horizontally and vertically

How do I check if the Java JDK is installed on Mac?

Attributions