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 :

infobulle en javascript


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre confirm� Avatar de vovor
    Inscrit en
    Avril 2005
    Messages
    119
    D�tails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 119
    Par d�faut infobulle en 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
    <script language="javascript">
    function voir(ht) {
    	document.getElementById('layer').style.visibility ='visible';
    	document.getElementById('layer').style.top=(ht*16)+100+'px';
    }
    function masquer() {
    	document.getElementById('layer').style.visibility ='hidden'
    }
    </script>
    <style>
    #layer {
    	position:absolute;
    	top:190px;
    	width:200px;
    	height:100px;
    	background-color: #FFFFCC;
    	border: thin solid #000000;
    	visibility: hidden;
    }
    </style>
     
    <div id="layer">infobulle</div>
    <span onmouseover="voir(6)" onmouseout="masquer()">voir 1</span>
    pourquoi ceci ne fonctionne QUE sur Firefox Mozilla? C'est la question du jour et je coince reellement sur ce petit soucis de compatibilit� sur IE...
    merci d'avance

    PS : ne cherchez pas a me faire utiliser des fa�ons plus simple d'afficher ceci car j'ai simplifi� afin de le rendre plus lisible. En realit�, il y a en plus une image dans le layer, modifi�e par un document.getElementById('image').src='monimage.jpg' et le contenu est dynamique (entendez par l� que le texte est modifi� en fonction du span survol�)

  2. #2
    Membre chevronn� Avatar de d-Rek
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Par d�faut
    Ca marche sous IE7 mais ton layer n'a pas la m�me position left car tu ne le pr�cise pas.

  3. #3
    Expert �minent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par d�faut
    Bonjour,
    peux-tu pr�ciser ton probl�me ?
    Chez moi �a fonctionne avec IE (6) de la m�me mani�re qu'avec FF2 on dirait

    A+

  4. #4
    Membre confirm� Avatar de vovor
    Inscrit en
    Avril 2005
    Messages
    119
    D�tails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 119
    Par d�faut
    Tout simplement que sur IE6, sur ma machine, �a ne fonctionne pas... rien ne s'affiche.

  5. #5
    Expert �minent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par d�faut
    Citation Envoy� par vovor Voir le message
    Tout simplement que sur IE6, sur ma machine, �a ne fonctionne pas... rien ne s'affiche.
    Alors ton probl�me doit se trouver dans une autre partie du code ...
    Tu dois avoir une autre erreur qui stoppe l'ex�cution du code JS avant l'ex�cution de ce code ci ...

    A+

  6. #6
    Membre confirm� Avatar de vovor
    Inscrit en
    Avril 2005
    Messages
    119
    D�tails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 119
    Par d�faut
    qu'est ce que je peux ajouter pour visualiser � quel niveau il s'arrete?
    en php j'ai l'habitude de mettre des echo pour v�rifier certaines fonctions.

  7. #7
    Membre Expert
    Avatar de Jim_Nastiq
    Homme Profil pro
    Architecte, Expert Flex
    Inscrit en
    Avril 2006
    Messages
    2 335
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyr�n�es)

    Informations professionnelles :
    Activit� : Architecte, Expert Flex
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 335
    Par d�faut
    fait des alert par exemple, pas tres pratique mais ca marche...

    Pensez vraiment � effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses
    Pensez au tag

    Mon Blog sur la techno Flex
    Ma page sur Developpez.com

    Jim_Nastiq

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Comment faire une infobulle en javascript
    Par patricklinden dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 05/11/2007, 09h09
  2. [D�butant] Probl�me Infobulle JavaScript
    Par AAlain dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 10/04/2007, 17h02
  3. Une infobulle sans javascript (si possible) et sans lien
    Par Rakken dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 4
    Dernier message: 10/02/2007, 12h13
  4. [JSP/javascript] lire une variable dans un infobulle
    Par maniolo dans le forum Servlets/JSP
    R�ponses: 1
    Dernier message: 20/10/2006, 14h50
  5. infobulle javascript position
    Par drKzs dans le forum G�n�ral JavaScript
    R�ponses: 10
    Dernier message: 31/08/2006, 19h03

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