Verificar site online

[lukasscott 0]

Então galera já vasculhei a internet toda e não achei oque eu queria.

Tenho uma pagina em html com diversos links e queria verificar via javascript se o link que o usuário esta clicando está online, se o link não está online não redireciona o usuário e se estiver online o usuário vai para onde clicou. Isso deve ser feito a cada click do usuário. (podendo verificar o mesmo link varias vezes)

 

Não sei por onde começar! Alguém para ajudar ou me dar dicas???

 

Desde já agradeço!

[lukasscott 0]

Achei uma função que checa se está online.

function checkImgOnline(imageUrl, error, ok){
     var img = new Image();
     img.src = imageUrl;
     if(img.height>0){
       ok();
     } else {
       error();
     }
}

 

Sou um pouco leigo em javascript, preciso passar esse parâmetro para dentro dos meus links que quero verificar.

checkImgOnline('http://www.google.com.br/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png', function() {alert('Fora do ar!')}, function(){alert('Online')});

Esse é um dos links que desejo fazer as verificações:

<a href="view.php?p=99999">click aqui</a>

Ao invés de criar alertas gostaria de mudar "function() {alert('Fora do ar!')}" para criar uma div, e "function(){alert('Online')})" para ir para ao link desejado.

 

Alguém poderia pelo menos me auxiliar em como posso fazer isso? Ou oque pesquisar para conseguir fazer isso?

[William Bruno 1501]

checkImgOnline(

'http://www.google.com.br/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png',

function() { document.getElementsByTagName('body')[0].innerHTML += '<h1>Fora do ar!!!</h1>' },

function(){ location.href = 'http://google.com' });

[DesenvolvedorRoger 50]

navigator.onLine

EDIT:

 

Perdão, me baseei no título...

 

Acredito que o desejado é verificar se um site alvo estaria online ou não, o que já foi respondi...

 

*Se não for possível excluir meu comentário, peço perdão novamente...

[lukasscott 0]

checkImgOnline(
'http://www.google.com.br/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png', 
function() { document.getElementsByTagName('body')[0].innerHTML += '<h1>Fora do ar!!!</h1>' }, 
function(){ location.href = [url=null]'http://google.com'[/url] });

 

Muito brigado!!! :D

Quebrei a mão e não to conseguindo trabalhar. :wacko: Mais com certeza vou usar! Acho que consegui entender a lógica!