IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Info bulle qui ne suit pas ma souris


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Avril 2007
    Messages
    49
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 49
    Par défaut Info bulle qui ne suit pas ma souris
    Je pense que mon titre est assez explicite, alors voilà mon code javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
     
    function pop0(contenu){
    	document.getElementById ("bulle").style.display = "block";
    	document.onmousemove = suivre_souris0;
    	document.getElementById("bulle").innerHTML ="<table border='1'bordercolor=#cccccc style='background-color: #6594A6;'cellpadding='6' cellspacing='0'><tr><td><font color='#ffffff'face='comic sans ms'size='2'><b>"+contenu+"</b></font></td></tr></table>";
    }
    function suivre_souris0(e){
    	var x = 0;
    	var y = 0;
    	// récupération des coordonnées de la souris
    	if (navigator.appName=="Microsoft Internet Explorer"){
    		x = event.x + document.body.scrollLeft;
    		y = event.y + document.body.scrollTop;
    	}
    	else{
    		x = e.pageX; 
    		y = e.pageY;
    	}
    	// placer l'info bulle
    	document.getElementById("bulle").style.left = (x + decal_x) + "px";
    	document.getElementById("bulle").style.top  = (y + decal_y) + "px";
    }
    function disparaitre0(){
    	document.getElementById("bulle").style.display = "none";
    	document.onmousemove = null;
    	document.getElementById("bulle").innerHTML = '';
    }
    En fait, avec ce code, mon info nulle est toujours positionné à l'endroit où j'ai placé le <div> dans la page
    Merci pour votre aide !

  2. #2
    Membre chevronné Avatar de deY!
    Inscrit en
    Avril 2006
    Messages
    403
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Avril 2006
    Messages : 403
    Par défaut
    Tu as un evennement onmove ?

  3. #3
    Membre averti
    Inscrit en
    Avril 2007
    Messages
    49
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 49
    Par défaut
    Non mais c'est bon j'ai trouvé la soluiotn, donc je l'écrit au cas où certaines personnes auraient le même problème :
    mon <div> était mal placé, il faut le placer directement après la balise <body> de la page et non là où on le souhaite !!
    voilà merci quand même !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème de solide qui ne suit pas le texte.
    Par matimat2k4 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 13/05/2008, 20h47
  2. Footer qui ne suit pas
    Par Leclandestin dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 12/05/2008, 18h46
  3. Mes infos bulle ne s'affichent pas
    Par licorne dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 20/05/2007, 16h45
  4. Ces infos bulles qui nous veulent du mal
    Par ben_skywalker dans le forum Autres Logiciels
    Réponses: 9
    Dernier message: 31/05/2006, 16h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo