If you support IE, for versions of Internet Explorer 8 and above, this:

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=9; IE=8; IE=7&quot; /&gt;

Forces the browser to render as that particular version&#39;s standards. It is not supported for IE7 and below.

If you separate with semi-colon, it sets compatibility levels for different versions. For example:

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7; IE=9&quot; /&gt;

Renders IE7 and IE8 as IE7, but IE9 as IE9. It allows for different levels of backwards compatibility. In real life, though, you should only chose one of the options:

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=8&quot; /&gt;

This allows for much easier testing and maintenance. Although generally the more useful version of this is using Emulate:

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE8&quot; /&gt;

For this:

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=Edge&quot; /&gt;

It forces the browser the render at whatever the most recent version&#39;s standards are. 

For more information, [there is plenty to read about on MSDN][1],

  [1]: http://msdn.microsoft.com/en-us/library/ie/ms533876(v=vs.85).aspx

&gt; In certain cases, it might be necessary to restrict the display of a webpage to a document mode supported by an earlier version of Internet Explorer. You can do this by serving the page with an x-ua-compatible header. For more info, see Specifying legacy document modes.  
- https://msdn.microsoft.com/library/cc288325

Thus this tag is used to **future proof** the webpage, such that the *older* / *compatible* engine is used to render it the same way as intended by the creator. 

Make sure that you have checked it to work properly with the IE version you specify.

I would like to include the current git hash in the output of a Python script (as a the _version number_ of the code that generated that output).

How can I access the current git hash in my Python script?

Get the current git hash in a Python script

I wrote a module which I published to npm a moment ago (https://npmjs.org/package/wisp)

So it installs fine from the command line:

`$ npm i -g wisp`

However, when I run it from the command line, I keep getting an error that optimist isn&#39;t installed:

    $ wisp 
    Error: Cannot find module &#39;optimist&#39;
        at Function.Module._resolveFilename (module.js:338:15)
        at Function.Module._load (module.js:280:25)
        at Module.require (module.js:362:17)
        at require (module.js:378:17)
        at Object.&lt;anonymous&gt; (/usr/local/lib/node_modules/wisp/wisp:12:10)
        at Object.&lt;anonymous&gt; (/usr/local/lib/node_modules/wisp/wisp:96:4)
        at Module._compile (module.js:449:26)
        at Object.exports.run (/usr/local/lib/node_modules/coffee-script/lib/coffee-script/coffee-script.js:68:25)
        at compileScript (/usr/local/lib/node_modules/coffee-script/lib/coffee-script/command.js:135:29)
        at fs.stat.notSources.(anonymous function) (/usr/local/lib/node_modules/coffee-script/lib/coffee-script/command.js:110:18)

However, I have specified in package.json as a dependancy:

    {
      &quot;name&quot;: &quot;wisp&quot;,
      &quot;author&quot;: &quot;Brendan Scarvell &lt;bscarvell@gmail.com&gt;&quot;,
      &quot;version&quot;: &quot;0.1.0&quot;,
      &quot;description&quot;: &quot;Global nodejs file server&quot;,
      &quot;dependencies&quot;: {
        &quot;optimist&quot;: &quot;~0.3.4&quot;
      },
      &quot;repository&quot;: &quot;git://github.com/tehlulz/wisp&quot;,
      &quot;bin&quot;: {
        &quot;wisp&quot; : &quot;./wisp&quot;
      }
    }

Does anyone know what to do to get this running? I know its to do with the bin part adding the executable to bin and the node_modules in that directory being empty. No idea how to resolve this.


NPM global install &quot;cannot find module&quot;

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=9; IE=8; IE=7; IE=EDGE&quot; /&gt;

1. Actually what is the meaning of this statement ?

2. Some of the examples use `,` to separate versions of IE, while some use `;`; which is correct?

3. The order `IE=9; IE=8; IE=7; IE=EDGE` has some importance, I wish to know that.

**Edit**: I am using `&lt;!DOCTYPE html&gt;`


&quot;X-UA-Compatible&quot; content=&quot;IE=9; IE=8; IE=7; IE=EDGE&quot;

<pre><code class="hljs language-ini">&#x3C;meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
</code></pre>
<ol>
<li>
Actually what is the meaning of this statement ?
</li>
<li>
Some of the examples use <code>,</code> to separate versions of IE, while some use <code>;</code>; which is correct?
</li>
<li>
The order <code>IE=9; IE=8; IE=7; IE=EDGE</code> has some importance, I wish to know that.
</li>
</ol>
Edit: I am using <code>&#x3C;!DOCTYPE html></code>

I was under the impression you could type into a combo box besides selecting any values already in the list. However, I can&#39;t seem to find info on how to do this. Is there a property I need to add to it to allow typing of text?

HTML combo box with option to type an entry

I want to have a place holder, e.g. `&lt;No result&gt;` when filter result returns empty. Could anyone please help? I don&#39;t even know where to start...

**HTML**:

    &lt;div ng-controller=&quot;Ctrl&quot;&gt;
    &lt;h1&gt;My Foo&lt;/h1&gt;
    &lt;ul&gt;
        &lt;li ng-repeat=&quot;foo in foos&quot;&gt;
            &lt;a href=&quot;#&quot; ng-click=&quot;setBarFilter(foo.name)&quot;&gt;{{foo.name}}&lt;/a&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
    &lt;br /&gt;
    &lt;h1&gt;My Bar&lt;/h1&gt;
    &lt;ul&gt;
        &lt;li ng-repeat=&quot;bar in bars | filter:barFilter&quot;&gt;{{bar.name}}&lt;/li&gt;
    &lt;/ul&gt;

    &lt;/div&gt;

**JS**:

    function Ctrl($scope) {
    
      $scope.foos = [{
        name: &#39;Foo 1&#39;
      },{
        name: &#39;Foo 2&#39;
      },{
        name: &#39;Foo 3&#39;
      }];
    
      $scope.bars = [{
        name: &#39;Bar 1&#39;,
        foo: &#39;Foo 1&#39;
      },{
        name: &#39;Bar 2&#39;,
        foo: &#39;Foo 2&#39;
      }];
    
      $scope.setBarFilter = function(foo_name) {
        $scope.barFilter = {};
        $scope.barFilter.foo = foo_name;
      }
    }

**jsFiddle**: http://jsfiddle.net/adrn/PEumV/1/

Thanks!            

AngularJS - placeholder for empty result from filter

I just saw this meta tag in the wild and was wondering it does and why it&#39;s used?

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot; /&gt;

Reading the [documentation][1] on About.com, it says:

&gt;&quot;IE=edge&quot; tells Internet Explorer to use the highest mode available to that version of IE. Internet Explorer 8 can support up to IE8 modes, IE9 can support IE9 modes and so on.

But what about the `chrome=1` tag?


  [1]: http://webdesign.about.com/od/metataglibraries/p/x-ua-compatible-meta-tag.htm

What is X-UA-Compatible when it references IE=edge,chrome=1?

I have a html page where I am appending html at dynamically through a javascript like below

    &lt;script type=&quot;text/javascript&quot; src=&quot;/myapp/htmlCode&quot;&gt;&lt;/script&gt;

I want to call a js function e.g. loadedContent(); once the above script adds dynamic html.

Can someone help me how I can do that?

Call javascript function after script is loaded

I just upgraded an ASP.Net MVC application to MVC-4. The field editor for inputs based on DateTime values now include&#39;s the HTML-5 `type=&quot;date&quot;` attribute/value declaration.

Now, when viewing in Chrome, my date inputs show up with &quot;mm/dd/yyyy&quot; in the input field:


![date field with &#39;mm/dd/yyyy&#39; in box][1]


Even when I pass in a correctly-formatted date with the value attribute: 

    &lt;input value=&quot;2012/10/02&quot; type=&quot;date&quot;/&gt;

I&#39;m still getting &quot;mm/dd/yyyy&quot; in the input box, which is there until the user manually  changes the value.

The problem appears to be with Chrome, and is independent of my back-end framework. See this problem in action: [jsFiddle][2]

...big problem for editing records, of course. If the user pulls up a record that already has a valid date, it won&#39;t  pass  validation on submit, unless s/he clicked into the field and reset the value  manually.


No problems with the other browsers.

**Is this a Chrome bug? Or have I missed something about the way the HTML-5 date field is supposed to work?**

**UPDATE**    
See this revise fiddle: http://jsfiddle.net/HudMe/5/  It has both an HTML-4 and an HTML-5 date input, each with &quot;10/01/2012&quot; set as the value on page-load.

Click into either date field.
The Javascript should pup up an alert with the value of the field for that element. 

Because a valid date has been passed in with the value attribute, this should show &quot;10/01/2012&quot;, but in Chrome, for the HTML-5 date field, nothing shows. Reset this value by hand, then click again, and it will now show. 

The value from the HTML5 field shows and alerts as expected without adjustment after pageload in Safari, Firefox, IE and Opera.

**Note on accepted answer:**    
For other users of Asp.net mvc-4, you can adjust the display format with the `[DisplayFormat]` attribute on the DateTime field declaration in your view-model. (found at https://stackoverflow.com/a/12634470/613004 )

  [1]: http://i.stack.imgur.com/Ea0zc.jpg
  [2]: http://jsfiddle.net/HudMe/1/

HTML-5 date field shows as &quot;mm/dd/yyyy&quot; in Chrome, even when valid date is set

I&#39;m not able to launch IE browser to run my selenium automated tests written in Java. I&#39;m using Windows 7 and IE 9. Below is my code:

Please find the attachment.![enter image description here][1]


  [1]: http://i.stack.imgur.com/s96ci.jpg

    public class GoogleNews {
        private WebDriver driver;
        private String baseUrl;
        private StringBuffer verificationErrors = new StringBuffer();
        ArrayList al = new ArrayList();
        @Before
        public void setUp() throws Exception {
            //driver = new FirefoxDriver();
            driver =new InternetExplorerDriver();
            baseUrl = &quot;https://news.google.co.in/&quot;;
    
        }
    
        @Test
        public void testApple() throws Exception {
            driver.get(baseUrl);
        }
    }

Not able to launch IE browser using Selenium2 (Webdriver) with Java

I have a small issue, the `placeholder` attribute for input boxes is not supported in IE 8-9.

What is the best way to make this support in my project (ASP Net). I am using jQuery.
Need I use some other external tools for it?

Is http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html a good solution?

How to support placeholder attribute in IE8 and 9

Google displays a popup that asks if you want to set your home page as google.com. It&#39;s quite normal, when I say OK it sets it as google.com. After that however, I don&#39;t get the popup anymore. As far as I know, nobody should be able to retrieve the value of my homepage because it&#39;s a private info. But somehow Google is tracking it. I get the popup back when I set my homepage as a different site. I deleted the cookies but even then it is only displayed when I set homepage as another site.

I tested this behavior on IE8 &amp; IE9. The popup never shows up in Firefox and Chrome.

Checking user&#39;s homepage in Internet Explorer

I&#39;m using Bootstrap 2.3.1 http://twitter.github.io/bootstrap/index.html


So I&#39;m using their &#39;dropdown-menu&#39; class to create some simple quick use dropdown menus, but for some reason on **IE7** they are appearing behind text and other elements on my site.

**Test Link:** http://leongaban.com/_projects/defakto/CDS/

I added z-index to my CSS, but still doesn&#39;t seem to do anything, please help!

    .header .header-nav ul#nav-account ul.dropdown-menu,
    .header .header-nav ul#nav-library ul.dropdown-menu {
	    z-index: 10000;
    }

IE9, Chrome, FF and other modern no headache browsers:
![enter image description here][1]

----------

IE7 &gt;:(                                              
![enter image description here][2]

HTML

    &lt;div class=&quot;header-nav&quot;&gt;

	&lt;ul id=&quot;nav-account&quot; role=&quot;navigation&quot; class=&quot;pull-right&quot;&gt;

		&lt;!-- Language Dropdown Button --&gt;
		&lt;li id=&quot;language-btn&quot;&gt;
			&lt;a href=&quot;#&quot; id=&quot;drop1&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;English&lt;/a&gt;
			&lt;img src=&quot;img/header-small-down-arrow.png&quot; alt=&quot;grey triangle&quot;/&gt;&lt;!-- &lt;span class=&quot;grey_triangle&quot;&gt;&lt;/span&gt;--&gt;

			&lt;!-- Language Dropdown Menu--&gt;
			&lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot; aria-labelledby=&quot;drop1&quot;&gt;
                &lt;li role=&quot;presentation&quot;&gt;&lt;a role=&quot;menuitem&quot; tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;English&lt;/a&gt;&lt;/li&gt;
                &lt;li role=&quot;presentation&quot;&gt;&lt;a role=&quot;menuitem&quot; tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;Spanish&lt;/a&gt;&lt;/li&gt;
                &lt;li role=&quot;presentation&quot;&gt;&lt;a role=&quot;menuitem&quot; tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;German&lt;/a&gt;&lt;/li&gt;
                &lt;li role=&quot;presentation&quot;&gt;&lt;a role=&quot;menuitem&quot; tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;Japanese&lt;/a&gt;&lt;/li&gt;
                &lt;li role=&quot;presentation&quot;&gt;&lt;a role=&quot;menuitem&quot; tabindex=&quot;-1&quot; href=&quot;#&quot;&gt;Chinese&lt;/a&gt;&lt;/li&gt;
          	&lt;/ul&gt;
		&lt;/li&gt;

		&lt;!-- User Dropdown Button --&gt;
		&lt;li id=&quot;account-btn&quot;&gt;
			&lt;a href=&quot;#&quot; id=&quot;drop2&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Logout&lt;/a&gt;
			&lt;img src=&quot;img/header-small-down-arrow.png&quot; alt=&quot;grey triangle&quot;/&gt;
			&lt;!-- &lt;span class=&quot;grey_triangle&quot;&gt;&lt;/span&gt; --&gt;

			&lt;!-- User Dropdown Menu--&gt;
			&lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot; aria-labelledby=&quot;drop2&quot;&gt;
                &lt;li role=&quot;presentation&quot;&gt;&lt;a role=&quot;menuitem&quot; tabindex=&quot;-1&quot; href=&quot;http://google.com&quot;&gt;Logout&lt;/a&gt;&lt;/li&gt;
                &lt;li role=&quot;presentation&quot;&gt;&lt;a role=&quot;menuitem&quot; tabindex=&quot;-1&quot; href=&quot;#anotherAction&quot;&gt;Account&lt;/a&gt;&lt;/li&gt;
          	&lt;/ul&gt;
		&lt;/li&gt;
	&lt;/ul&gt;





  [1]: http://i.stack.imgur.com/pH6DS.gif
  [2]: http://i.stack.imgur.com/AzPvc.gif

Bootstrap dropdowns menus appearing behind other elements - IE7

I want to be able to scroll through the whole page, but without the scrollbar being shown.

In Google Chrome it&#39;s:

    ::-webkit-scrollbar {
        display: none;
    }

But Mozilla Firefox and Internet Explorer don&#39;t seem to work like that.

I also tried this in CSS:

    overflow: hidden;

That does hide the scrollbar, but I can&#39;t scroll any more.

Is there a way I can remove the scrollbar while still being able to scroll the whole page?

With just CSS or HTML, please.


Hide scroll bar, but while still being able to scroll

I read Chrome Frame closed last month, I thus tried to understand what it&#39;d mean for the X-UA tag and after 3 hours of research I still didn&#39;t find the answer I&#39;m looking for, my question is the following :

Is it still valid nowdays to use IE=edge,chrome=1 or should I stop at IE-edge from now on ? Or what would be the best pratice to do regarding X-UA, should it be avoided ? 

Is it still valid to use IE=edge,chrome=1?

I&#39;ve taken several online courses lately and I still see some instructors add the following meta tag to the top of their documents by default:

    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;

The thinking appears to be that this is just as important and useful as `&lt;meta charset=&quot;UTF-8&quot;&gt;`.

But why?

According to [Microsoft&#39;s Modern.ie documentation][1] it&#39;s &quot;best practice&quot; which &quot;ensures Internet Explorer uses the latest engine&quot;. Ok, fair enough.

However, if you follow [the flow diagram on MSDN][2] it clearly shows that a document without `X-UA-Compatible` information is forwarded to the user&#39;s &quot;Compatibility View&quot; preferences, and [if *that&#39;s* not set then just follow the !DOCTYPE declaration][3].

In other words, unless the user has some Compatibility View settings in place, [IE will just follow your !DOCTYPE and use the latest standards mode of your browser for rendering anyway][4]... No need for a `X-UA-Compatible IE=Edge` statement at all.

As MSDN says: &quot;[Use the HTML5 document type declaration to enable edge mode][5]&quot;.

So in what circumstances is `X-UA-Compatible IE=Edge` needed?


  [1]: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible
  [2]: http://msdn.microsoft.com/en-us/library/ff955275%28v=vs.85%29.aspx
  [3]: http://msdn.microsoft.com/en-us/library/ff955410(v=vs.85).aspx
  [4]: http://msdn.microsoft.com/en-us/library/ff405803%28v=vs.85%29.aspx
  [5]: http://msdn.microsoft.com/en-us/library/ie/bg182625.aspx#docmode

Content Type	Original Author	Original Content on Stackoverflow
Question	Kuttan Sujith	View Question on Stackoverflow
Solution 1 - Html	PlantTheIdea	View Answer on Stackoverflow
Solution 2 - Html	Ujjwal Singh	View Answer on Stackoverflow

"X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

NPM global install "cannot find module"

Get the current git hash in a Python script

Attributions