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

Mise en page CSS Discussion :

Mise en forme d'une div comme une pop-up


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de badoress
    Inscrit en
    Mars 2007
    Messages
    169
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2007
    Messages : 169
    Par défaut Mise en forme d'une div comme une pop-up
    bonjour
    je cherche à afficher lors d'un survole de souris sur un lien (onmouseover) une div sous formme de pop-up sous ce lien
    Merci d'avance

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    En cherchant sur Google "infobulle css" on tombe par exemple sur :

    http://www.peutetreunereponse.net/article-1528160.html

  3. #3
    Membre confirmé Avatar de badoress
    Inscrit en
    Mars 2007
    Messages
    169
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2007
    Messages : 169
    Par défaut
    je cherche pas d'infobulle je cherche à afficher une div sous forme de pop-up qui s'aafiche directement sous un lien et cette pop-up contient des liens ou des données (peu importe)

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Dans ce cas-là il faut que tu fasses un div en position:absolute, en display:none, que tu récupères les coordonnées de la souris pour que sur le onmouseover du lien ça te bascule le div en display:block et que ça te l'affiches à l'endroit de la souris.

    Pour les coordonnées de la souris je te laisse voir la FAQ Javascript.

  5. #5
    Membre confirmé Avatar de badoress
    Inscrit en
    Mars 2007
    Messages
    169
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2007
    Messages : 169
    Par défaut
    Citation Envoyé par Bisûnûrs Voir le message
    tu récupères les coordonnées de la souris pour que sur le onmouseover du lien ça te bascule le div en display:block et que ça te l'affiches à l'endroit de la souris.
    j'ai pas bien compris cette partie

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    En Javascript, il est possible de récupérer les coordonnées de la souris, vu que tu veux afficher ton "popup" à cet endroit".

    Donc sur le onmouseover du lien, tu affiches le div masqué par display:none en faisant basculer cette valeur à block.

    Après il ne te reste plus qu'à positionner ton div avec les coordonnées de la souris récupérées.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 08/02/2015, 17h14
  2. Positionné une div dans une div
    Par hunyka dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/04/2012, 08h29
  3. Aligner des divs dans une div sur UNE ligne
    Par identifiant_bidon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 17
    Dernier message: 07/09/2011, 18h06
  4. Incorporer une div dans une div
    Par solorac dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 21/07/2008, 14h21
  5. [MySQL] Insertion d'une image dans une div d'une news
    Par godsilken50 dans le forum PHP & Base de données
    Réponses: 3
    Dernier message: 05/05/2007, 16h58

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