With no `doctype` tag, Chrome reports the same value for both calls.

Adding a strict doctype like `&lt;!DOCTYPE html&gt;` causes the values to work as advertised.

The `doctype` tag must be the *very* first thing in your document. E.g., you can&#39;t have any text before it, even if it doesn&#39;t render anything.

I had the same problem, and using this solved it.

    var w = window.innerWidth;
    var h = window.innerHeight;

Here&#39;s a question and answer for this:  https://stackoverflow.com/questions/3044230/difference-between-screen-availheight-and-window-height

Has pics too, so you can actually see the differences.  Hope this helps.

Basically, `$(window).height()` give you the maximum height inside of the browser window (viewport), and` $(document).height()` gives you the height of the document inside of the browser.  Most of the time, they will be exactly the same, even with scrollbars.

I think your document must be having enough space in the window to display its contents. That means there is no need to scroll down to see any more part of the document. In that case, document height would be equal to the window height.

Its really working if we use Doctype on our web page jquery(window) will return the viewport height else it will return the complete document height.

Define the following tag on the top of your web page: 
    `&lt;!DOCTYPE html&gt;`

Usually, I get this error:
(The &quot;service name&quot; service on Local Computer started and then stopped. Some services stop automatically if they are not in use by other service or programs) when there&#39;s something wrong with my code, like non-existing drive paths, etc. The windows service will not start.

I have a windows service that backs up folder/files, to a location if it reached the size limit. Details are all provide by an XML Configuration that the windows service reads on start. I have a separate windows forms that has a button that does exactly what my windows service&#39;s onstart is doing. I use my windows forms for debugging the code before I put it in my windows service.

When I start my windows forms. It does what it suppose to do. When I put my code in the windows service OnStart() method the error showed up.

Here&#39;s my code:

    protected override void OnStart(string[] args)
    {

        private static string backupConfig = @&quot;D:\LogBackupConfig\backupconfig.xml&quot;;
        private static string serviceStat = @&quot;D:\LogBackupConfig\Status.txt&quot;;
        private static string fileFolderStat = @&quot;D:\LogBackupConfig\FileFolderStat.txt&quot;;

        protected override void OnStart(string[] args)
        {
            if (File.Exists(backupConfig))
            {
                FileSystemWatcher watcher = new FileSystemWatcher();
                XmlTextReader reader = new XmlTextReader(backupConfig);

                XmlNodeType type;
                List&lt;string&gt; listFile = new List&lt;string&gt;();
                string fileWatch = &quot;&quot;;
                
                //this loop is for reading XML elements and assigning to variables
                while (reader.Read())
                {
                    type = reader.NodeType;
                    if (type == XmlNodeType.Element)
                    {
                        if (reader.Name == &quot;File&quot;)
                        {
                            reader.Read();
                            fileWatch = reader.Value;
                        }
                        else if (reader.Name == &quot;Folder&quot;)
                        {
                            reader.Read();
                            fileWatch = reader.Value;
                        }
                    }
                }
                reader.Close();

                watcher.Path = fileWatch;
                watcher.Filter = &quot;*.*&quot;;
                
                //this loop reads whether the service will watch a file/folder
                XmlTextReader reader1 = new XmlTextReader(backupConfig);
                while (reader1.Read())
                {
                    type = reader1.NodeType;
                    if (type == XmlNodeType.Element)
                    {
                        if (reader1.Name == &quot;File&quot;)
                        {
                            watcher.IncludeSubdirectories = false;
                            watcher.Changed += new FileSystemEventHandler(OnChangedFile);
                        }
                        else if (reader1.Name == &quot;Folder&quot;)
                        {
                            watcher.IncludeSubdirectories = true;
                            watcher.Changed += new FileSystemEventHandler(OnChangedFolder);
                        }
                    }
                }
                reader1.Close();

                watcher.EnableRaisingEvents = true;

            }
            else
            {
                StreamWriter sw = new StreamWriter(serviceStat, true);
                sw.WriteLine(&quot;File not found. Please start the Log Backup UI first.&quot;);
                sw.Close();
            }
        }

I don&#39;t know what keeps the windows service not starting, the windows form simulator worked fine. What seems to be the problem?

UPDATE:
After many trials I&#39;ve noticed that using only a folder directory (w/out file), the windows service doesn&#39;t work. When I replaced the fileWatch variable with a specific file (including its directory), the windows service started. When I changed it back to a folder location, it didn&#39;t work. What I think is that folder locations doesn&#39;t work in a filewatcher.

When I tried creating a new windows service that watches a folder location, it worked.. However, when I tried the same location in my original windows service, it didn&#39;t work! I was mindf$#*ed! It seems that I have to create a new windows service and build the installer everytime I place a new code/function.. This way I can keep track where I get an error.

Windows service on Local Computer started and then stopped error

I want to print the looped output to the screen on the same line.

How do I this in the simplest way for Python 3.x

I know this question has been asked for Python 2.7 by using a comma at the end of the line i.e. print I, but I can&#39;t find a solution for Python 3.x.
     
    

    i = 0 
    while i &lt;10:
         i += 1 
         ## print (i) # python 2.7 would be print i,
         print (i) # python 2.7 would be &#39;print i,&#39;

Screen output.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10

----

What I want to print is: 

    12345678910

New readers visit this link aswell [http://docs.python.org/release/3.0.1/whatsnew/3.0.html](http://docs.python.org/release/3.0.1/whatsnew/3.0.html)

Print new output on same line

I&#39;m sure there is a simple error I&#39;m making, but I am simply alerting `$(window).height()` and it returns the same value as `$(document).height()`.

I am on a 13&quot; MBA and my window height of my browsers when maximised between 780px - 820px (roughly) but each time it returns a window height identical to that of document height. In every case on the site I am working on it is over 1000px.

What is going on here?

    alert($(window).height());
    alert($(document).height()); 

jquery $(window).height() is returning the document height

I'm sure there is a simple error I'm making, but I am simply alerting <code>$(window).height()</code> and it returns the same value as <code>$(document).height()</code>.
I am on a 13" MBA and my window height of my browsers when maximised between 780px - 820px (roughly) but each time it returns a window height identical to that of document height. In every case on the site I am working on it is over 1000px.
What is going on here?
<pre><code class="hljs language-scss">alert($(window).height());
alert($(document).height()); 
</code></pre>

For the purpose of this question lets say we need to `append()` 1000 objects to the `body` element.

You could go about it like this:

    for(x = 0; x &lt; 1000; x++) {
    	var element = $(&#39;&lt;div&gt;&#39;+x+&#39;&lt;/div&gt;&#39;);
    	$(&#39;body&#39;).append(element);
    }

This works, however it seems inefficient to me as AFAIK this will cause 1000 document reflows. A better solution would be:

    var elements = [];
    for(x = 0; x &lt; 1000; x++) {
    	var element = $(&#39;&lt;div&gt;&#39;+x+&#39;&lt;/div&gt;&#39;);
    	elements.push(element);
    }
    $(&#39;body&#39;).append(elements);

However this is not an ideal world and this throws an error `Could not convert JavaScript argument arg 0 [nsIDOMDocumentFragment.appendChild]`. I understand that `append()` can&#39;t handle arrays.

How would I using `jQuery` (I know about the [DocumentFragment][1] node, but assume I need to use other jQuery functions on the element such as `.css()`) add a bunch of objects to the DOM at once to improve performance?


  [1]: http://ejohn.org/blog/dom-documentfragments/

jQuery appending an array of elements

I&#39;m having an issue with normal (**non-ajax**) functions that involve lots of **animations** within each of them. Currently I simply have a `setTimeout` between functions, but this isn&#39;t perfect since no browsers / computers are the same.

**Additional Note: They both have separate animations/etc that collide.**

I can&#39;t simply put one in the callback function of another

    // multiple dom animations / etc
    FunctionOne();

    // What I -was- doing to wait till running the next function filled
    // with animations, etc

    setTimeout(function () { 
        FunctionTwo(); // other dom animations (some triggering on previous ones)
    }, 1000); 

Is there anyway in js/jQuery to have:

    // Pseudo-code
    -do FunctionOne()
    -when finished :: run -&gt; FunctionTwo()

I know about `$.when()` &amp; `$.done()`, but those are for AJAX...


---------

* **MY UPDATED SOLUTION**

jQuery has an exposed variable (that for some reason isn&#39;t listed anywhere in the jQuery docs) called $.timers, which holds the array of animations currently taking place.

    function animationsTest (callback) {
        // Test if ANY/ALL page animations are currently active
    
        var testAnimationInterval = setInterval(function () {
            if (! $.timers.length) { // any page animations finished
                clearInterval(testAnimationInterval);
                callback();
            }
        }, 25);
    };

Basic useage:

    // run some function with animations etc    
    functionWithAnimations();

    animationsTest(function () { // &lt;-- this will run once all the above animations are finished

        // your callback (things to do after all animations are done)
        runNextAnimations();

    });

Wait till a Function with animations is finished until running another Function

I&#39;m trying to get this exact example working on my website:

http://getbootstrap.com/2.3.2/javascript.html#buttons

However, simply including this HTML:

    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; data-loading-text=&quot;Loading...&quot;&gt;Loading state&lt;/button&gt;

Does not work. I&#39;m running jQuery 1.7.x and have loaded the Bootstrap JS files.

To be specific: I want the button to move to the &quot;loading&quot; text change for a slight delay, then go back to the regular text. There doesn&#39;t seem to be a good example available online from my Googling (most are asking for a permanent state change or toggle), and the Bootstrap site itself is lacking in documentation here.

jQuery / Twitter Bootstrap data-loading-text button with delay

I&#39;m using jQuery DataTables and I would like to know if there&#39;s possible to disable automatic sorting on the first column of the table?

My code looks like this:

    
			/* Default class modification */
			$.extend( $.fn.dataTableExt.oStdClasses, {
				&quot;sWrapper&quot;: &quot;dataTables_wrapper form-inline&quot;
			} );
			
			/* API method to get paging information */
			$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
			{
				return {
					&quot;iStart&quot;:         oSettings._iDisplayStart,
					&quot;iEnd&quot;:           oSettings.fnDisplayEnd(),
					&quot;iLength&quot;:        oSettings._iDisplayLength,
					&quot;iTotal&quot;:         oSettings.fnRecordsTotal(),
					&quot;iFilteredTotal&quot;: oSettings.fnRecordsDisplay(),
					&quot;iPage&quot;:          Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
					&quot;iTotalPages&quot;:    Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
				};
			}
			
			/* Bootstrap style pagination control */
			$.extend( $.fn.dataTableExt.oPagination, {
				&quot;bootstrap&quot;: {
					&quot;fnInit&quot;: function( oSettings, nPaging, fnDraw ) {
						var oLang = oSettings.oLanguage.oPaginate;
						var fnClickHandler = function ( e ) {
							e.preventDefault();
							if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
								fnDraw( oSettings );
							}
						};
			
						$(nPaging).addClass(&#39;pagination&#39;).append(
							&#39;&lt;ul&gt;&#39;+
								&#39;&lt;li class=&quot;prev disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;&amp;larr; &#39;+oLang.sPrevious+&#39;&lt;/a&gt;&lt;/li&gt;&#39;+
								&#39;&lt;li class=&quot;next disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;&#39;+oLang.sNext+&#39; &amp;rarr; &lt;/a&gt;&lt;/li&gt;&#39;+
							&#39;&lt;/ul&gt;&#39;
						);
						var els = $(&#39;a&#39;, nPaging);
						$(els[0]).bind( &#39;click.DT&#39;, { action: &quot;previous&quot; }, fnClickHandler );
						$(els[1]).bind( &#39;click.DT&#39;, { action: &quot;next&quot; }, fnClickHandler );
					},
			
					&quot;fnUpdate&quot;: function ( oSettings, fnDraw ) {
						var iListLength = 5;
						var oPaging = oSettings.oInstance.fnPagingInfo();
						var an = oSettings.aanFeatures.p;
						var i, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
			
						if ( oPaging.iTotalPages &lt; iListLength) {
							iStart = 1;
							iEnd = oPaging.iTotalPages;
						}
						else if ( oPaging.iPage &lt;= iHalf ) {
							iStart = 1;
							iEnd = iListLength;
						} else if ( oPaging.iPage &gt;= (oPaging.iTotalPages-iHalf) ) {
							iStart = oPaging.iTotalPages - iListLength + 1;
							iEnd = oPaging.iTotalPages;
						} else {
							iStart = oPaging.iPage - iHalf + 1;
							iEnd = iStart + iListLength - 1;
						}
			
						for ( i=0, iLen=an.length ; i&lt;iLen ; i++ ) {
							// Remove the middle elements
							$(&#39;li:gt(0)&#39;, an[i]).filter(&#39;:not(:last)&#39;).remove();
			
							// Add the new list items and their event handlers
							for ( j=iStart ; j&lt;=iEnd ; j++ ) {
								sClass = (j==oPaging.iPage+1) ? &#39;class=&quot;active&quot;&#39; : &#39;&#39;;
								$(&#39;&lt;li &#39;+sClass+&#39;&gt;&lt;a href=&quot;#&quot;&gt;&#39;+j+&#39;&lt;/a&gt;&lt;/li&gt;&#39;)
									.insertBefore( $(&#39;li:last&#39;, an[i])[0] )
									.bind(&#39;click&#39;, function (e) {
										e.preventDefault();
										oSettings._iDisplayStart = (parseInt($(&#39;a&#39;, this).text(),10)-1) * oPaging.iLength;
										fnDraw( oSettings );
									} );
							}
			
							// Add / remove disabled classes from the static elements
							if ( oPaging.iPage === 0 ) {
								$(&#39;li:first&#39;, an[i]).addClass(&#39;disabled&#39;);
							} else {
								$(&#39;li:first&#39;, an[i]).removeClass(&#39;disabled&#39;);
							}
			
							if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
								$(&#39;li:last&#39;, an[i]).addClass(&#39;disabled&#39;);
							} else {
								$(&#39;li:last&#39;, an[i]).removeClass(&#39;disabled&#39;);
							}
						}
					}
				}
			});
			
			/* Show/hide table column */
			function dtShowHideCol( iCol ) {
				var oTable = $(&#39;#example-2&#39;).dataTable();
				var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
				oTable.fnSetColumnVis( iCol, bVis ? false : true );
			};
			
			/* Table #example */
			$(document).ready(function() {
				$(&#39;.datatable&#39;).dataTable( {
					&quot;sDom&quot;: &quot;&lt;&#39;row&#39;&lt;&#39;span6&#39;l&gt;&lt;&#39;span6&#39;f&gt;r&gt;t&lt;&#39;row&#39;&lt;&#39;span6&#39;i&gt;&lt;&#39;span6&#39;p&gt;&gt;&quot;,
					&quot;sPaginationType&quot;: &quot;bootstrap&quot;,                    
					&quot;oLanguage&quot;: {
						&quot;sLengthMenu&quot;: &quot;_MENU_ records per page&quot;
					},
                    &quot;aoColumnDefs&quot;: [
                        { 
                            &quot;bSortable&quot;: false, 
                            &quot;aTargets&quot;: [ -1 ] // &lt;-- gets last column and turns off sorting
                        } 
                    ]
				});
				$(&#39;.datatable-controls&#39;).on(&#39;click&#39;,&#39;li input&#39;,function(){
					dtShowHideCol( $(this).val() );
				})
			});
		

Disable automatic sorting on the first column when using jQuery DataTables

    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;row&quot; style=&quot;padding-top: 240px;&quot;&gt;
            &lt;a href=&quot;#&quot; class=&quot;btn btn-large btn-primary&quot; rel=&quot;popover&quot;
                data-content=&quot;&lt;form&gt;&lt;input type=&quot;text&quot;/&gt;&lt;/form&gt;&quot;
                data-placement=&quot;top&quot; data-original-title=&quot;Fill in form&quot;&gt;Open form&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;

**[JSfiddle](http://jsfiddle.net/EFmw8/)**

I&#39;m guessing that I would store the form contents within a javascript function...

### How do I contain a form within a bootstrap popover?

Content Type	Original Author	Original Content on Stackoverflow
Question	Fraser	View Question on Stackoverflow
Solution 1 - Jquery	Tom Hubbard	View Answer on Stackoverflow
Solution 2 - Jquery	Eduardo	View Answer on Stackoverflow
Solution 3 - Jquery	Solomon Closson	View Answer on Stackoverflow
Solution 4 - Jquery	Xmindz	View Answer on Stackoverflow
Solution 5 - Jquery	Gourav Yadav	View Answer on Stackoverflow

jquery $(window).height() is returning the document height

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

Solution 4 - Jquery

Solution 5 - Jquery

Print new output on same line

Windows service on Local Computer started and then stopped error

Attributions