Javascript checks if internet connectivity exist or is lost

checking if internet connectivity exist or is lost

0
1097
checking if internet connectivity exist or not banner
checking if internet connectivity exist or not banner

comparatively javascript check internet connectivity as Jquery or other Api does.

equally important While checking if my internet connectivity of have been lost.

There are so many answers regarding this on the internet  such as on stackoverflow, kirupa but on subinb sucks since they cannot be able to provide a valid crew to solution regarding this question on the internet.

Again Until I came by the answer right in my email Titled How to Check Internet Connection Exists or Not using Javascript? from w3lessons i have rest of mind.

Also i checked in and found this below with explanation

This findings is simple and comprehensive step by step

<head>
<script src="../offline.min.js"></script>

<!--
Themes:
<link rel="stylesheet" href="./themes/offline-theme-default.css" />
<link rel="stylesheet" href="./themes/offline-theme-default-indicator.css" />
<link rel="stylesheet" href="./themes/offline-theme-slide.css" />
<link rel="stylesheet" href="./themes/offline-theme-slide-indicator.css" />
<link rel="stylesheet" href="./themes/offline-theme-chrome.css" />
<link rel="stylesheet" href="./themes/offline-theme-chrome-indicator.css" />
<link rel="stylesheet" href="./themes/offline-theme-hubspot.css" />
-->

<link rel="stylesheet" href="../themes/offline-theme-chrome.css" />
<link rel="stylesheet" href="../themes/offline-language-english.css" />

<script>
var run = function(){
  var req = new XMLHttpRequest();
  req.timeout = 5000;
  req.open('GET', 'http://localhost:8888/walter/0', true);
  req.send();
}

setInterval(run, 3000);
</script>
</head>
<body>
</body>

download the javascript files for checking internet connectivity lost or recovered

after download the zip file (Offline Master) extract the content in your root site folder

1. simply add the below code right after this tag </head>

explanation: these are two stylesheet (css) responsible for styling the disconnectivity status panel

2. Then add the following  below javascript code snippet immediately before the tag </body>

explanation : this pings the image named tiny-image.gif on website host server directory

3. Finally put this path of the below javascript immediately after same tag </body>

explanation: here is the offline.js plugin that performs the whole functions.

if you ask me after all i guess this is the best way to apply javascript in internet connectivity checks


LEAVE A REPLY

Please enter your comment!
Please enter your name here