Ver Mensaje Individual
  #4 (permalink)  
Antiguo 13/08/2007, 11:04
Avatar de oabareload
oabareload
 
Fecha de Ingreso: junio-2006
Ubicación: Distrito Federal, México
Mensajes: 57
Antigüedad: 18 años, 5 meses
Puntos: 0
Información Re: ¿Como mostrar un "loading" al lado del puntero del mouse?

Actualmente tengo esta función, pero es solo para mostrar un mensajito cuando pasa sobre un "label":

(onmouseover=muestraAyuda(event,'Cargando');)

Solo que no logro mostrarlo correctamente... estoy usando la misma función pero no logro mandarle los parámetros correctos.

De hecho la llame así:

muestraAyuda(onmousemove,'Cargando');

Y medio funciono, ya que no se movía con el mouse y además mostraba error. Obvio no pude hacerla desaparecer.
Código HTML:
function colocaAyuda(event)
    {
        if(navegador==0)
            {
                var corX=window.event.clientX+document.documentElement.scrollLeft;
                var corY=window.event.clientY+document.documentElement.scrollTop;
            }
        else
            {
                var corX=event.clientX+window.scrollX;
                var corY=event.clientY+window.scrollY;
            }
        document.getElementById("mensajesAyuda").style.top=corY+20+"px";
        document.getElementById("mensajesAyuda").style.left=corX+15+"px";
    }

function ocultaAyuda()
    {
        document.getElementById("mensajesAyuda").style.display="none";
        if(navegador==0) 
            {
                document.detachEvent("onmousemove", colocaAyuda);
                document.detachEvent("onmouseout", ocultaAyuda);
            }
        else 
            {
                document.removeEventListener("mousemove", colocaAyuda, true);
                document.removeEventListener("mouseout", ocultaAyuda, true);
            }
    }

function muestraAyuda(event, titulo)
    {
        colocaAyuda(event);    
        if(navegador==0) 
            { 
                document.attachEvent("onmousemove", colocaAyuda); 
                document.attachEvent("onmouseout", ocultaAyuda); 
            }
        else 
            {
                document.addEventListener("mousemove", colocaAyuda, true);
                document.addEventListener("mouseout", ocultaAyuda, true);
            }
        ayuda=new Array();
        ayuda["Cargando"]="Espere por favor...";
        
        document.getElementById("ayudaTitulo").innerHTML=titulo;
        document.getElementById("ayudaTexto").innerHTML=ayuda[titulo];
        document.getElementById("mensajesAyuda").style.display="block";
    }