Bonjour !
Voila j'aimerai faire apparaittre une infobulle lorsque la souris mouseover() une image.

J'avais bien essayé avec un <span> :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<a class="eHelpTip" href="#" onmouseover="mafonction(blabla);"><img src="http://localhost:52800/icon1.jpg" alt=""/><span id="myspan"></span></a>
mafonction() fait basiquement un monspan.innerhtml = moncodeHTMLaveclesliens
avec comme css :

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
 
div.ehelptip {
    width: 300px;
    height: auto;
 
    top: 10px;
    left: 10px;
 
    background-color: #00ffff;
 
    padding: 3px;
    border: 1px solid #000000;
}
 
a.eHelpTip {
  position:relative;
}
a.eHelpTip:hover {
   background: none; 
   z-index: 500; 
}
a.eHelpTip span {display: none;}
 
a.eHelpTip:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   width:auto;
   height:auto;
}
Le seul probleme c'est que le contenu de mon span est en HTML et qu'il contient des liens. Et qu'ils ne sont pas cliquables (quand je clique ca selectionne tout le div et ca ne clique pas sur le lien)

Des idées ?
Merci d'avance