Muestro script de ejemplo
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Preloader en AJAX</title> <script language="javascript" type="text/javascript"> function NuevoAjax(){ var xmlhttp=false; if(!xmlhttp && typeof XMLHttpRequest!='undefined'){ xmlhttp = new XMLHttpRequest(); } return xmlhttp; } function Cargar(url){ var preloader; preloader = document.getElementById('preloader'); //creamos el objeto XMLHttpRequest ajax=NuevoAjax(); //peticionamos los datos, le damos la url enviada desde el link ajax.open("POST", url,true); ajax.onreadystatechange=function(){ if(ajax.readyState==1){ preloader.innerHTML = "Cargando..."; //modificamos el estilo de la div, mostrando una imagen de fondo preloader.style.background = "url('loading.gif') no-repeat"; } if(ajax.readyState==4){ A.innerHTML = ajax.responseText; B.innerHTML = ""; } } ajax.send(null); } </script> </head> <body> <? # Imprimir variable pasada de Ajax echo $_POST[c]; ?> <div id="menu"> <a href="javascript:Cargar('?a=1222&b=pruebas&c=prueba');">Texto 1</a> </div> <div id="preloader" style="height:100px;"></div> </body> </html>