Popup a coté de la souris
Bonjour
voila je voudrais faire en sorte que quand ma souri passe sur une image un popup s'affiche et suis la souris tant que cette derniere est sur l'image. J'ai un code fonctionelle qui au premier abord a l'air de bien marcher mais le probleme c'est que si on descend la page (avec le scroll a droite kan la page est trop grande je sais pas trop comment expliqué) et bien le popup s'affiche de plus en plus haut plus on descend la page. je voudrais savoir comment faire pour que meme si on descend la page le popup s'affiche toujour pres de la souris.
voila le code que j'ai
Code:
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
|
<script type="text/javascript">
<!--
window.onload = document.write("<span id='infobulle' style='position:absolute;visibility:hidden;padding:3px;'> </span>");
function infobulle(corps,event){
var couleur_fond = '6A4D00';
var couleur_texte = 'white';
var couleur_bordure = 'gray';
var type_bordure = 'solid'; //(solid dashed dotted double)
var taille_bordure = '1px'; //px
document.getElementById('infobulle').style.color = couleur_texte;
document.getElementById('infobulle').style.backgroundColor = couleur_fond;
document.getElementById('infobulle').style.borderColor = couleur_bordure;
document.getElementById('infobulle').style.borderStyle = type_bordure;
document.getElementById('infobulle').style.borderWidth = taille_bordure;
document.getElementById('infobulle').innerHTML = corps;
document.getElementById('infobulle').style.visibility = 'visible';
document.getElementById('infobulle').style.left = event.clientX+10+"px";
document.getElementById('infobulle').style.top = event.clientY+20+"px"; }
function infobulle_cache(){
document.getElementById('infobulle').style.visibility = 'hidden';
}
//-->
</script> |
et le code de l'image :
Code:
1
2
|
<img src='avatar/$avatarp.jpg' height='60' width='50' onmousemove=\"javascript:infobulle('ok',event);\" onmouseout=\"javascript:infobulle_cache();\"> |
(c'est dans un echo de php c'est pour ce qu'il y a les \ )
Voila j'espere que vous pourrez m'aider.
