Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/04/2013, 13:46
oms02
 
Fecha de Ingreso: junio-2010
Mensajes: 373
Antigüedad: 14 años, 4 meses
Puntos: 11
Respuesta: hacer un tooltip en un canvas

Ok, muy bien.

Lo que me ocurre es que estoy teniendo problemillas para poder referenciar bien el elemento.

Código Javascript:
Ver original
  1. var tooltip = $("<span id='tooltip'></span>");
  2.  
  3. $('#canvas').mousemove(function(e){
  4. var cx = this.offsetLeft;//posicion del canvas.
  5. var cy = this.offsetTop;//posicion del canvas.
  6. var rx = e.pageX;
  7. var ry = e.pageY;
  8. for(i=0;i<=num-1;i++){
  9.     if((rx-dx)==parseInt(xdato[i]) && (ry-dy)==parseInt(ydato[i]))
  10.         {$(this).after(tooltip).next().css({"top":ry+"px","left":rx+"px"}).fadeIn();}
  11.     else
  12.         {$("#tooltip").fadeOut();}
  13.  
  14. }
  15.  
  16. });

No encuentro otra manera que escoger como selector el propio elemento canvas y hacer uso de los metodos after() y next().

Habría otra manera de poder crear el tooltip de una manera "más limpia"??

(pido disculpas por meter aquí jquery pero es que no consideraba muy correcto crear otro post y copiar el mismo problema).

Muchas gracias. Un saludo.