11 May 2026 - while this object seemed to be just the job, it appears that the return value from the navigator.onLine property is not what I expected.
To get this page to load quicker when the Internet is down substitute:
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
with
<link rel="stylesheet" href="BWPC/css/w3.css">
and comment out
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
While this is a pain it speeds the loading of the page conciderably. The keyhandler only becomes available after the page has fully loaded, this is why the "Show Notes" menu option works as it is a seperate function.
window-navigator
The Window Navigator Object contains information about the browser and is a property of the window object.
Navigator Object in JavaScript
The navigator object in JavaScript provides information about the web browser and the user's environment. It is a property of the window object and can be accessed using window.navigator. This object contains various properties and methods that can be used to detect browser capabilities, such as:
navigator.userAgent: Returns the user agent string for the browser.
navigator.language: Returns the preferred language of the user.
navigator.onLine: Returns a boolean indicating whether the browser is online or offline.
Clipboard API
There are far more aspects to the window.navigator object such as being able to address the Clipboard via the Clipboard API.
Checking if the browser is online
This would be useful if I am using styles and fonts that I am accessing from the Internet.
When developing off-line (i.e. locally before uoloading the file to the server) I normally have Internet access, I change the linking of the W3 Framework to a local copy.
