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 :

Image au survol


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 20
    Points : 13
    Points
    13
    Par défaut Image au survol
    Bonjour à tous,

    Alors voila, j'ai un script qui me permet d'afficher une image quand la souris passe sur le lien. Le script est le suivant :

    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
    28
    29
    30
     
    <SCRIPT type="text/javascript">
    if (document.getElementById){
    box = document.getElementById("img").style;
    if(navigator.appName.substring(0,3) == "Net")
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = pointer;
    }
    function poplink(contenu){
    var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=1 CELLPADDING=3 CELLSPACING=1><TR><TD BGCOLOR=#FFFFFF><CENTER>"+contenu+"</CENTER></TD></TR></TABLE></TD></TR></TABLE>";
    if (document.getElementById)
    {
    document.getElementById("img").innerHTML =
    content;
    box.visibility = "visible";
    }
    }
    function pointer(e)
    {
    var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
    var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
    box.left = x+2;
    box.top = y+2;
    }
    function closepopup()
    {
    if (document.getElementById)
    box.visibility = "hidden";
    }
    </SCRIPT>
    Ma question est la suivante : Comment faire en sorte que l'image qui apparait soit toujours au centre de l'ecran même quand le lien se trouve au bord de l'ecran ?

    Bien cordialement à tous

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 20
    Points : 13
    Points
    13
    Par défaut Et accesooirement lol
    Comment ne pas avoir le statut de "invité de passage" sur le forum ... Car même si je ne suis pas un tenor de la programmation, je suis un autodidacte passioné et c'est assez frustrant d'avoir ce statut lol ...

  3. #3
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 912
    Points
    79 912
    Par défaut
    Bonjour,

    Pour la première question, je n'ai pas testé mais je dirais qu'en rajoutant l'unité de mesure, ce serait plus portable. Partout où il faut:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    box.left = x+2 + "px";
    Quant à a seconde question, ce sont des grades de forum comme partout. Donc en participant de manière active mais raisonnée, vous changerez de grades selon la liste définie ici.

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 20
    Points : 13
    Points
    13
    Par défaut Re
    Bonjour,

    Je pense que je me suis mal expliqué car votre reponse ne resoud pas mon probleme. Quand je survol le lien si celui ci est au bord de l'ecran la photo apparait bien mais elle est a droite de la souris et par consequent en dehors de l'ecran.
    Je precise que c'est pour un trombinoscope dans ma societe
    Cordialement

Discussions similaires

  1. agrandir images au survol
    Par charlene44 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 01/11/2006, 13h37
  2. surimpression d'images par survol souris
    Par zebra3 dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 26/09/2006, 10h17
  3. Afficher une image au survol
    Par micatmidog dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 09/08/2006, 23h16
  4. Un lien qui affiche une image au survole
    Par Edoxituz dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 28/01/2006, 12h06
  5. Réponses: 11
    Dernier message: 10/07/2005, 00h00

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