Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
ayuda con codigo js
#1
hola, tengo el siguiente codigo, es para mostrar un tooltip al poner el cursor sobre un enlace, la cuestion es la siguiente, si cumple con su objetivo pero el tooltip lo muestra muy lejos del enlace alguien podria decirme donde cambio la distancia
les dejo el codigo

Código:
//Merci à www.damienalexandre.fr et www.nyrodev.info pour l'infobulle

function GetId(id)
{
return document.getElementById(id);
}

var i=false; // La variable i nous dit si la bulle est visible ou non


function move (evt) {
    var x = 0;
    var y = 0;
    var plusX = 0;
    var plusY = 0;
    if (document.layers) {
        x = evt.x;
        y = evt.y;
        plusX = window.pageXOffset;
        plusY = window.pageYOffset;
    } else    if (document.all) {
        x = event.clientX;
        y = event.clientY;
        plusX = document.body.scrollLeft;
        plusY = document.body.scrollTop;
    } else if (document.getElementById) {
        x = evt.clientX;
        y = evt.clientY;
        plusX = window.pageXOffset;
        plusY = window.pageYOffset;
    }
    document.getElementById("curseur").style.left = (x+plusX+15)+"px";
    document.getElementById("curseur").style.top = (y+plusY+5)+"px";
}
if (document.layers)
    document.captureEvents(Event.MOUSEMOVE);
if (document.layers || document.all)
    document.onmousemove = move;
if (document.addEventListener)
    document.addEventListener('mousemove', move, true);

function montre(text) {
  if(i==false) {
  GetId("curseur").style.display="block"; // Si il est cacher (la verif n'est qu'une securitÃ) on le rend visible.
  GetId("curseur").innerHTML = text + " ..."; // on copie notre texte dans l'Ãment html
  i=true;
  }
}

function cache() {
  if(i==true) {
  GetId("curseur").style.display="none"; // Si la bulle est visible on la cache
  i=false;
  }
}

Gracias
WWW
#2
¿Aquí?
Código:
document.getElementById("curseur").style.left = (x+plusX+15)+"px";
   document.getElementById("curseur").style.top = (y+plusY+5)+"px";
Modifica el 15 y el 5 a unos valores más pequeños. También puedes usar números negativos -10, -8, ... todo es ir probando.
[Imagen: firmabp.jpg][Imagen: mineenlineaentregadispo.jpg]
WWW
#3
gracias mine, los habia modificado pero no sucedia nada, sin embargo no es problema de este codigo, tengo problemas con algunos js y mootools, no se quieren ni a la fuerza, XD Gracias de todas formas.
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Duda] Ayuda con este codigo Kovea 5 138 05-04-2018, 12:17 AM
Último mensaje: Kovea
  [Aporte] El Editor de codigo Atom! joselp 0 70 14-01-2018, 12:36 PM
Último mensaje: joselp
  [Aporte] Como compartir codigo en la nube con Codepen amner 1 288 14-03-2017, 03:05 PM
Último mensaje: Carlos Mendoza
  Ayuda con Código php CarlosAlberto 1 253 03-12-2016, 07:22 PM
Último mensaje: Minenage
  [Duda] Código en ASP NET C# romeho 2 415 26-07-2016, 10:40 PM
Último mensaje: romeho
  [Aporte] Codigo para renombrar tabla MySQL gassip 3 451 23-12-2015, 08:10 AM
Último mensaje: AbaddonOrmuz
  Homero Simpson dibujado con sólo código CSS Kevin9908 8 537 06-11-2015, 02:12 AM
Último mensaje: juanjj
  ¿Este código es malicioso? bseca 3 402 07-09-2015, 07:59 PM
Último mensaje: Minenage
  Codigo Imágenes que cambian automáticamente tucine 8 795 19-05-2015, 03:36 PM
Último mensaje: betiko2424
  InHabilitar Console o F12 :D + Codigo RezakeaoCrew 1 423 05-05-2015, 09:32 PM
Último mensaje: RezakeaoCrew



Usuarios navegando en este tema: 1 invitado(s)