Hola David
Mira estoy tratando de hacer lo mismo pero con un boton de esta forma:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Consulta de Radios</title>
<link rel="stylesheet" type="text/css" media="screen" href="esti.css" />
<script language="javascript" type="text/javascript" src="ajax.js"></script>
<script>
function accion(url,div,cadena)
{
if(document.getElementById('radio').value=="")
{
alert("Debe colocar el nombre a Buscar");
document.getElementById('radio').focus();
}
else
{
var datos = cadena;
var div="#"+div;
$.ajax
(
{
async:true,
url: url,
type: 'POST',
dataType: 'html',
data: datos,
cache: false,
success: function(respuesta)
{
$(div).html(respuesta);
}
}
);
}
}
function detectarCarga()
{
document.getElementById("imagen").style.display="n one";
}
function accion2(url,div,cadena)
{
var datos = cadena;
var div="#"+div;
$.ajax
(
{
async:true,
url: url,
type: 'POST',
dataType: 'html',
data: datos,
cache: false,
success: function(respuesta)
{
$(div).html(respuesta);
}
}
);
}
</script>
</head>
<body>
<div id="todo">
<div id="membrete">
<div id="logo">
</div>
</div>
</div>
<br>
<h3><p align="center">Ingrese el sitio a Buscar</p></h3>
<br>
<input type="text" name="radio" id="radio">
<input type="button" name="Buscar" value="Buscar" onclick="javascript
:accion('tablaradio.php','respu esta','radio='+$('#radio').attr('value'))">
<br>
<br>
<div id="respuesta" align="center">
<img src="imagenes/cargando.gif" alt="Cargando...">
</div>
</body>
</html>
en ese codigo como haria como dices tu colocar el mensaje "cargando..." en el evento onclick, porfa explicame como lo haria ahi con mi codigo?? gracias