remove title bar ,menu bar ,navigation bar ,tab bar ,address bar and statusbar of browser

Question

How can I remove the title bar, menu bar, navigation bar, tab bar, address bar , status bar of the browser using jquery.

The thing is that I am calling a dialog to open a poup window which should fit the monitor screen fully and should not show any bars of the browser.

Answer 1

The fullscreen API provides an easy way for web content to be presented using the user's entire screen. This article provides information about using this API.

The API lets you easily direct the browser to make an element and its children, if any, occupy the fullscreen, eliminating all browser user interface and other applications from the screen for the duration.

Live Example (Press Enter after site loads)

This is also a good read.