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
Guiño ¿Cómo escanear un código QR? WMasterT 12 174 04-01-2019, 07:56 AM
Último mensaje: easy english
Sonrisa Código completo con formulario para crear códigos QR WMasterT 4 64 18-12-2018, 05:22 PM
Último mensaje: DamianUzcanga
Música Código para crear el archivo en PHP que crea la imagen de verificación WMasterT 2 40 04-12-2018, 10:44 AM
Último mensaje: easy english
  [Duda] Ayuda con este codigo Kovea 5 356 05-04-2018, 12:17 AM
Último mensaje: Kovea
  [Aporte] El Editor de codigo Atom! joselp 0 191 14-01-2018, 12:36 PM
Último mensaje: joselp
  [Aporte] Como compartir codigo en la nube con Codepen amner 1 432 14-03-2017, 03:05 PM
Último mensaje: Carlos Mendoza
  Ayuda con Código php CarlosAlberto 1 377 03-12-2016, 07:22 PM
Último mensaje: Minenage
  [Duda] Código en ASP NET C# romeho 2 561 26-07-2016, 10:40 PM
Último mensaje: romeho
  [Aporte] Codigo para renombrar tabla MySQL gassip 3 633 23-12-2015, 08:10 AM
Último mensaje: AbaddonOrmuz
  Homero Simpson dibujado con sólo código CSS Kevin9908 8 695 06-11-2015, 02:12 AM
Último mensaje: juanjj



Usuarios navegando en este tema: 1 invitado(s)