Jquery - Vérifier la connexion Internet

Question

Je souhaite créer un programme d'écoute jquery pour vérifier la connectivité Internet.

function checkInternetConnection() 
 
    { 
 
     onConnectionClosed:function(){ 
 
      dialog.show("Connection closed please wait"); 
 
     } 
 
     onConnectionOpened:function(){ 
 
      dialog.hide(); 
 
     } 
 
    } 
 
    
 
    $(document).ready(function(){ 
 
     checkInternetConnection(); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Ainsi, lorsque la connexion est coupée, je veux montrer une boîte de dialogue à l'utilisateur. Lorsque la connexion est de retour, je veux cacher le dialogue. Comment puis-je faire ceci?

Answer 1

c'est un extrait de MDN:

https://developer.mozilla.org/en-US/docs/Online_and_offline_events

window.addEventListener('load', function() { 

    function updateOnlineStatus(event) { 
    var condition = navigator.onLine ? "online" : "offline"; 

    alert(`you are ${condition}`) 

    } 

    window.addEventListener('online', updateOnlineStatus); 
    window.addEventListener('offline', updateOnlineStatus); 
});