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

jQuery Discussion :

Apparition div sous la souris


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2005
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juillet 2005
    Messages : 277
    Par défaut Apparition div sous la souris
    Bonjour !

    Comment faire en sorte de faire apparaitre une div (au premier plan) lors d'un click ?
    Et que ce div se place juste à coté de la souris (distance paramétrable).

    En attendant je cherche encore !

    Merci pour votre aide!

  2. #2
    Membre expérimenté
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2006
    Messages
    205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2006
    Messages : 205
    Par défaut Un exemple
    de ce que tu souhaite :

    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
     
    <style>
    #apparait { position: absolute; top: 0 ; left: 0 ; height: 250px ;width:  450px ; 
    		z-index: 0 ; background-color: yellow; display: none}
    </style>
     
    <div id='apparait'>
      On me voit au click
    </div>
     
     
    <script type="text/javascript">
     
    $().click(function(e){
    	x = 10;
    	y = 10;
    	top = e.clientY + y;
    	left  = e.clientX + x;
    	$('#apparait').css({'top' : top+'px', 'left' : left+'px' ,' z-index' : 1000 , 'display' : 'block'})
     
    })
     
    </script>

    Pour modifier la position de la div en fonction de ton click modifie les valeurs de x et de y qui sont a 10 dans l'exemple. Tu peux aussi utiliser des valeurs négatives.

Discussions similaires

  1. Dimensions incorrectes d'un div sous IE
    Par vg33 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 05/11/2005, 21h08
  2. Petit écart entre 2 div sous FF
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 14/10/2005, 20h25
  3. problème avec les div sous Mozilla
    Par MrsFrizz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 13/10/2005, 11h54
  4. [Débutant] Centrer un bloc DIV sous IE
    Par Amon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 22/09/2005, 00h31
  5. Trouver le composant sous la souris...
    Par BestofMac dans le forum Composants VCL
    Réponses: 2
    Dernier message: 17/07/2002, 02h46

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