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 dessous des liens


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2006
    Messages
    1 125
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 1 125
    Par défaut Infobulle en dessous des liens
    Salut.
    J'ai récupéré un code pour avoir des info bulles.

    Le probleme est que cette infobulle passe en dessous des liens alors qu'elle doit etre au premier plan...

    Voici la fonction Affbulle() :

    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
    var IB=new Object;
    var posX=0;posY=0;
    var xOffset=0;yOffset=250;
    function AffBulle(texte) {
    			  contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE>&nbsp;";
    			  var finalPosX=posX-xOffset;
    			  if (finalPosX<0) finalPosX=0;
    			  if (document.layers) {
    				document.layers["bulle"].document.write(contenu);
    				document.layers["bulle"].document.close();
    				document.layers["bulle"].top=posY+yOffset;
    				document.layers["bulle"].left=finalPosX;
    				document.layers["bulle"].visibility="show";}
    			  if (document.all) {
    				//var f=window.event;
    				//doc=document.body.scrollTop;
    				bulle.innerHTML=contenu;
    				document.all["bulle"].style.top=posY+yOffset;
    				document.all["bulle"].style.left=finalPosX;//f.x-xOffset;
    				document.all["bulle"].style.visibility="visible";
    			  }
    			  //modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
    			  else if (document.getElementById) {
    				document.getElementById("bulle").innerHTML=contenu;
    				document.getElementById("bulle").style.top=posY+yOffset;
    				document.getElementById("bulle").style.left=finalPosX;
    				document.getElementById("bulle").style.visibility="visible";
    			  }
    }

    Voici l'appel :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    echo '<SCRIPT language="JavaScript">InitBulle("navy","#FFCC66","orange",1);
     
    		  </SCRIPT>';
     
    echo "<font color='red'>•</font>&nbsp;<A class=info href='".$url_appli."' target='DETAIL' onMouseOver=\"AffBulle('".$detail_info_bulle."')\" onMouseOut=\"HideBulle()\">".$titre_appli."</A><br />";

    Merci

  2. #2
    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,
    formater une bulle avec des balises <table> : la classe !

    Utilise plutôt le script de la FAQ, nettement plus propre

    A+

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

Discussions similaires

  1. Outil pour vérification automatique des liens
    Par zazaraignée dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 20/01/2005, 20h00
  2. Entourer des liens d'un border
    Par fytheone dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 04/01/2005, 20h12
  3. Aspect des liens hypertextes
    Par flzox dans le forum Mise en forme
    Réponses: 5
    Dernier message: 04/09/2004, 15h29
  4. Problème à l'édition des liens avec BCC55 et Xerces
    Par ShootDX dans le forum Autres éditeurs
    Réponses: 4
    Dernier message: 30/11/2003, 14h50

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