# `window.outerHeight`
It&#39;s the height of the window on screen, it includes the page and all the visible browser&#39;s bars (location, status, bookmarks, window title, borders, …).

This **not** the same as jQuery&#39;s `$(window).outerHeight()`.

# `window.innerHeight` or `$(window).height()`
It&#39;s the height of the viewport that shows the website, just the content, no browser&#39;s bars.

# `document.body.clientHeight` or `$(document).height()`
It&#39;s the height of your document shown in the viewport. If it is higher than `$(window).height()` you get the scrollbars to scroll the document.

# `screen.availHeight`
It&#39;s the height the browser&#39;s window can have if it is maximized, including the browser&#39;s bars. So when the window is maximized, `screen.availHeight === window.outerHeight`

# `screen.height`
It simply matches the screen&#39;s resolution. So on a 1920&#215;1080 screen, `screen.height` will be `1080`.

`screen.availHeight` is equal to [`screen.height` + the operating system&#39;s bars], like the taskbar on Windows, the dock and menu on OS X, or whatever is fixed on top or bottom of your screen if you&#39;re using Linux.

Wanted to **correct** a thing stated in @jigfox &#39;s answer:

https://www.w3schools.com/jsref/prop_screen_availheight.asp#:~:text=The%20availHeight%20property%20returns%20the,)%2C%20use%20the%20availWidth%20property.

The **availHeight** property returns the height of the user&#39;s screen, in pixels, minus interface features like the Windows Taskbar.

Tip: To get the height of the screen (excluding the Windows Taskbar), use the availHeight property.

I need to transfer some data from another database. The old database is called paw1.moviesDB and the new database is paw1. The schema of each table are the following.

    Awards (name of the table)(new DB)
    Id [PK] Serial           Award

    Nominations (name of the table) (old DB)
    Id [PK] Serial           nominations

How do I copy the data from old database to the new database?


Transfer data between databases with PostgreSQL

I&#39;m trying to process a list of files that may or may not be up to date and may or may not yet exist.  In doing so, I need to resolve the full path of an item, even though the item may be specified with relative paths.  However, `Resolve-Path` prints and error when used with a non-existant file.

For example, **What&#39;s the simplest, cleanest way to resolve `&quot;.\newdir\newfile.txt&quot;` to `&quot;C:\Current\Working\Directory\newdir\newfile.txt&quot;` in Powershell**?

Note that `System.IO.Path`&#39;s static method use with the *process&#39;s* working directory - which isn&#39;t the powershell current location.

Powershell: resolve path that might not exist?

I am executing the following Javascript on my browser (Firefox).

1. console.debug(&quot;Screen height = &quot;+ **screen.availHeight**); //outputs **770**

2. console.debug(&quot;Window Height =&quot;+ **$(window).height()**);  //outputs **210** (I am using jQuery as well)

What is the difference between the two? Is 770 in pixels and 210 in mm?

Similarly, when I write `$(document).height()` and `$(window).height()`, there is a difference. What is the reason?

Difference between screen.availHeight and window.height()

I am executing the following Javascript on my browser (Firefox).
<ol>
<li>
console.debug("Screen height = "+ screen.availHeight); //outputs 770
</li>
<li>
console.debug("Window Height ="+ $(window).height()); //outputs 210 (I am using jQuery as well)
</li>
</ol>
What is the difference between the two? Is 770 in pixels and 210 in mm?
Similarly, when I write <code>$(document).height()</code> and <code>$(window).height()</code>, there is a difference. What is the reason?

Is it possible to reorder `&lt;li&gt;` elements with JavaScript or pure jQuery. So if I have a silly list like the following:

    &lt;ul&gt;
        &lt;li&gt;Foo&lt;/li&gt;
        &lt;li&gt;Bar&lt;/li&gt;
        &lt;li&gt;Cheese&lt;/li&gt;
    &lt;/ul&gt;

How would I move the list elements around? Like put the list element with `Cheese` before the list element with `Foo` or move `Foo` to after `Bar`. 

Is it possible? If so, how?

reorder list elements - jQuery?

How should a complex single-page JS web application be structured on the client-side? Specifically I&#39;m curious about how to cleanly structure the application in terms of its model objects, UI components, any controllers, and objects handling server persistence.

MVC seemed like a fit at first. But with UI components nested at various depths (each with their own way of acting on/reacting to model data, and each generating events which they themselves may or may not handle directly), it doesn&#39;t seem like MVC can be cleanly applied. (But please correct me if that&#39;s not the case.)

--

([This question][1] resulted in two suggestions of using ajax, which is obviously needed for anything other than the most trivial one-page app.)

  [1]: https://stackoverflow.com/questions/2529722/suggestions-for-single-page-web-application-design

Architecture of a single-page JavaScript web application?

What is the functionality of Javascript event `e.which`? Please brief with example.

Javascript event e.which?

How to get with JavaScript the rows count of a HTML `table` having id and name?




JavaScript to get rows count of a HTML table

I&#39;m looking for a *diff* equivalent written in JavaScript that only returns/prints relevant lines. I don&#39;t want both full text displayed next to each other with the differences highlighted, but just want the actual differences (plus some buffer lines to know where the difference is), similar to the output from the linux diff utility.

Does anybody know a javascript function that does this? All differences should be recognized (even changed whitespace). Thanks.

JavaScript based diff utility

How do I use jQuery to determine the size of the browser viewport, and to redetect this if the page is resized? I need to make an IFRAME size into this space (coming in a little on each margin).

For those who don&#39;t know, the browser viewport is not the size of the document/page. It is the visible size of your window before the scroll.


Using jQuery To Get Size of Viewport

I have a list, I just want to remove all child nodes from it. What&#39;s the most efficient way using jquery? This is what I have:

    &lt;ul id=&#39;foo&#39;&gt;
      &lt;li&gt;a&lt;/li&gt;
      &lt;li&gt;b&lt;/li&gt;
    &lt;/ul&gt;

    var thelist = document.getElementById(&quot;foo&quot;);   
    while (thelist.hasChildNodes()){
        thelist.removeChild(thelist.lastChild);
    }

is there a shortcut rather than removing each item, one at a time?

----------- Edit ----------------

Each list element has some data attached to it, and a click handler like this:

    $(&#39;#foo&#39;).delegate(&#39;li&#39;, &#39;click&#39;, function() {
        alert(&#39;hi!&#39;);
    });

    // adds element to the list at runtime
    function addListElement() {
        var element = $(&#39;&lt;li&gt;hi&lt;/hi&gt;&#39;);
        element.data(&#39;grade&#39;, new Grade());
    }

eventually I might add buttons per list item too - so it looks like empty() is the way to go, to make sure there are no memory leaks?

Remove all child nodes from a parent?

Is there any Python library that allows me to parse an HTML document similar to what `jQuery` does?

i.e. I&#39;d like to be able to use **CSS selectors syntax** to grab an arbitrary set of nodes from the document, read their content/attributes, etc.

The only Python HTML parsing lib I&#39;ve used before was **BeautifulSoup**, and even though it&#39;s fine I keep thinking it would be faster to do my parsing if I had jQuery syntax available. :D

jquery-like HTML parsing in Python?

When you use jquery UI dialog, all works well, except for one thing.
When the browser is resized, the dialog just stays in it&#39;s initial position which can be really annoying.

You can test it out on:
http://jqueryui.com/demos/dialog/

Click on the &quot;modal dialog&quot; example and resize your browser.

I&#39;d love to be able to let dialogs auto-center when the browser resizes.
Can this be done in an efficient way for all my dialogs in my app?



How to auto-center jQuery UI dialog when resizing browser?

I am looking for a code snippet to get the height of the viewable area within a browser window.

I had this code, however it is somewhat bugged as if the the body doesn&#39;t exceed the height the of the window then it comes back short.

    document.body.clientHeight;

I have tried a couple of other things but they either return NaN or the same height as the above.

Does anyone know how to get the real height of the browsing window?

JavaScript - Get Browser Height

I am trying to keep one instance of a `Window` around and when needed call `ShowDialog`. This worked find in winforms, but in WPF I recieve this exeception:

&gt; System.InvalidOperationException: Cannot set Visibility or call Show, ShowDialog, or WindowInteropHelper.EnsureHandle after a Window has closed.

Is there any way to do something like this in WPF?

    MyWindow.Instance.ShowDialog();

    public class MyWindow : Window
    {
        private static MyWindow _instance;
    
        public static MyWindow Instance
        {
            if( _instance == null )
            {
                _instance = new Window();
            }
            return _instance();
        }
    }

WPF: Cannot reuse window after it has been closed

Is there a reason why Visual Studio won&#39;t let me create a WPF window in a DLL project?

I &quot;solved&quot; it by creating a window in an Application Project and copying it to my DLL project.
I also found that I could just create a UserControl and change the base class to &quot;Window&quot;.

But if I had to do it this way, it&#39;s maybe because I shouldn&#39;t do it...

No creation of a WPF window in a DLL project?

I have a JavaScript that deals with with detection whether the page is in frames or not. I used top.frames[] etc. and everything works fine. 

In this script I noticed that I can use &quot;window&quot; or &quot;self&quot; interchangeably and everything still works. Is &quot;window&quot; same as &quot;self&quot; when used in HTML page?

What&#39;s the difference between self and window?

In Windows, what is the difference between foreground and active window?  To be specific, under what circumstances can a foreground window not be an active window?  If the 2 terms are referring to the same concept why there&#39;re 2 terms.  

The msdn documentation here mentions &quot;clicking a window, or by using the &lt;kbd&gt;ALT&lt;/kbd&gt;+&lt;kbd&gt;TAB&lt;/kbd&gt; or &lt;kbd&gt;ALT&lt;/kbd&gt;+&lt;kbd&gt;ESC&lt;/kbd&gt; key combination&quot; makes a window active as well as foreground.  There is nothing explicitly about the difference between the 2 terms.Check [MSDN][1].

  [1]: http://msdn.microsoft.com/en-us/library/ms632599%28VS.85%29.aspx#foreground

Foreground Vs Active window

I have this HTML code:

    &lt;html&gt;
      &lt;head&gt;
        &lt;script type=&quot;text/javascript&quot;&gt;
          function GetDoc(x)
          {
            return x.document ||
              x.contentDocument ||
              x.contentWindow.document;
          }
    
          function DoStuff()
          {
            var fr = document.all[&quot;myframe&quot;];
            while(fr.ariaBusy) { }
            var doc = GetDoc(fr);
            if (doc == document)
              alert(&quot;Bad&quot;);
            else 
              alert(&quot;Good&quot;);
          }
        &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;iframe id=&quot;myframe&quot; src=&quot;http://example.com&quot; width=&quot;100%&quot; height=&quot;100%&quot; onload=&quot;DoStuff()&quot;&gt;&lt;/iframe&gt;
      &lt;/body&gt;
    &lt;/html&gt;

The problem is that I get message &quot;Bad&quot;. That mean that the document of iframe is not got correctly, and what is actualy returned by GetDoc function is the parent document.

I would be thankful, if you told where I do my mistake. (I want to get document hosted in IFrame.)

Thank you.



Get IFrame&#39;s document, from JavaScript in main document

What&#39;s the difference between:

    $(window).scrollTop()

and 

    $(document).scrollTop()

Thanks.

$(window).scrollTop() vs. $(document).scrollTop()

A while ago I was making some test in JavaScript, 
and played with a code to get the text of all elements with a certain class.
 
Now I was trying to make something like this but obtain all elements by a certain type, for example all elements `type=&quot;text&quot;`

Is there any way to do this in JavaScript or should I use jQuery?


	var xx = document.getElementsByClassName(&quot;class&quot;);
	for (i=0;i&lt;xx.length;i++){
		var str=xx[i].innerHTML;
                alert(str);
	}


Accessing elements by type in JavaScript

&gt; **Possible Duplicate:**  
&gt; [What&amp;#39;s the difference between window.location and document.location in JavaScript?](https://stackoverflow.com/questions/2430936/whats-the-difference-between-window-location-and-document-location-in-javascrip)  

&lt;!-- End of automatically inserted text --&gt;

In JavaScript, both `window` and `document` have a `location` property, and by setting both to a different URL, browser loads the new URL. 

What&#39;s the difference between them? 

window.location vs. document.location

I returned mongoose docs as json in this way:

    UserModel.find({}, function (err, users) {
        return res.end(JSON.stringify(users));
    }
However, user.\__proto__ was also returned. How can I return without it? I tried this but not worked:

    UserModel.find({}, function (err, users) {
        return res.end(users.toJSON());    // has no method &#39;toJSON&#39;
    }

Content Type	Original Author	Original Content on Stackoverflow
Question	Akshay	View Question on Stackoverflow
Solution 1 - Javascript	jigfox	View Answer on Stackoverflow
Solution 2 - Javascript	RainCast	View Answer on Stackoverflow

Difference between screen.availHeight and window.height()

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

`window.outerHeight`

`window.innerHeight` or `$(window).height()`

`document.body.clientHeight` or `$(document).height()`

`screen.availHeight`

`screen.height`

Solution 2 - Javascript

Powershell: resolve path that might not exist?

Transfer data between databases with PostgreSQL

Attributions

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

window.outerHeight

window.innerHeight or $(window).height()

document.body.clientHeight or $(document).height()

screen.availHeight

screen.height

Solution 2 - Javascript

Powershell: resolve path that might not exist?

Transfer data between databases with PostgreSQL

Attributions

`window.outerHeight`

`window.innerHeight` or `$(window).height()`

`document.body.clientHeight` or `$(document).height()`

`screen.availHeight`

`screen.height`