Buenas:
estoy intentando saber como puedo hacer para que mi pagina web me diga si estoy conectado al servidor con ajax...
tengo el siguiente codigo...
Código PHP:
function ReqChange(url){
var contenido;
var contenconect;
contenido = document.getElementById('online');
contenconect = document.getElementById('conexion');
//creamos el objeto XMLHttpRequest
ajax2=NuevoAjax();
//peticionamos los datos, le damos la url enviada desde el link
ajax2.open("GET", url,true);
ajax2.onreadystatechange=function(){
if(ajax2.readyState==1){
// load.innerHTML = "Cargando...";
//modificamos el estilo de la div, mostrando una imagen de fondo
// load.style.background = "url('loading.gif') no-repeat";
}else if(ajax2.readyState==4){
if(ajax2.status==200){
//mostramos los datos dentro de la div
//contenido.innerHTML = ajax.responseText;
var scs=ajax2.responseText.extractScript(); //capturamos los scripts
contenido.innerHTML=ajax2.responseText.stripScript(); //eliminamos los scripts... ya son innecesarios
scs.evalScript(); //ahora si, comenzamos a interpretar todo
contenconect.innerHTML="<img src='../img_desing/ballgreen.png' height='15px' width='15px'>";
// load.innerHTML = "Cargado.";
// load.style.background = "url('loaded.gif') no-repeat";
}else if(ajax2.status==404){
//la pagina no existe
contenconect.innerHTML="<img src='../img_desing/icon-alert.png' height='15px' width='15px'>";
}else{
//mostramos el posible error
contenconect.innerHTML="<img src='../img_desing/icon-alert.png' height='15px' width='15px'>";
}
}
}
ajax2.send(null);
}
en teoria este codigo si esta conectado al servidor(es decir si recibe la informacion del servidor)me muestra en el div conexion la imagen greenball.png y si no la recibe muestra icon-alert.png...pero si yo me desconecto de internet no me sale la imagen aert-icon...
como puedo conseguir que pase esto??
gracias..