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
  [Aporte] Como compartir codigo en la nube con Codepen amner 1 184 14-03-2017, 03:05 PM
Último mensaje: Carlos Mendoza
  Ayuda con Código php CarlosAlberto 1 156 03-12-2016, 07:22 PM
Último mensaje: Minenage
  [Duda] Código en ASP NET C# romeho 2 316 26-07-2016, 10:40 PM
Último mensaje: romeho
  [Aporte] Codigo para renombrar tabla MySQL gassip 3 317 23-12-2015, 08:10 AM
Último mensaje: AbaddonOrmuz
  Homero Simpson dibujado con sólo código CSS Kevin9908 8 409 06-11-2015, 02:12 AM
Último mensaje: juanjj
  ¿Este código es malicioso? bseca 3 306 07-09-2015, 07:59 PM
Último mensaje: Minenage
  Codigo Imágenes que cambian automáticamente tucine 8 684 19-05-2015, 03:36 PM
Último mensaje: betiko2424
  InHabilitar Console o F12 :D + Codigo RezakeaoCrew 1 365 05-05-2015, 09:32 PM
Último mensaje: RezakeaoCrew
  Como crear un Código de Barras en PHP torgar22 1 394 25-03-2015, 04:33 AM
Último mensaje: garcon
  [PHP] Código para crear y eliminar una base de datos de MySQL desde PHP torgar22 5 483 27-02-2015, 12:57 AM
Último mensaje: yayito21



Usuarios navegando en este tema: 1 invitado(s)