Discussion :

[mello]

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 :

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
 
<script type="text/javascript">
<!--
 
window.onload = document.write("<span id='infobulle' style='position:absolute;visibility:hidden;padding:3px;'>&nbsp;</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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[JeanMarc_T2k]

A première vue, sans avoir testé le code, et d'après ce que tu dis, je pense qu'il faudrait peut être ajouter au top la position de l'ascenseur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('infobulle').style.top = event.clientY+20+position+"px";

Je ne sais pas comment faire pour retrouver la position de l'ascenseur, mais je pense que ce serait la solution....

[mello]

oki merci.
Ca parrai pas idiot mais je sais pas non plus comment on peu faire :s je vais chercher un peu je vous tien au courrant si je trouve

[mello]

arf je trouve pas (( aidez moi plz :'(

[Shinuza]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
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";

Au pire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
var infobulle = document.getElementById('infobulle');
infobulle.style.color = couleur_texte;
infobulle.style.backgroundColor = couleur_fond;
infobulle.style.borderColor = couleur_bordure;
infobulle.style.borderStyle = type_bordure;
infobulle.style.borderWidth = taille_bordure;
infobulle.style.visibility = 'visible';
infobulle.style.left = event.clientX+10+"px";
infobulle.style.top = event.clientY+20+"px";
infobulle.innerHTML = corps;

[mello]

hummmm
merci c'est vrai que c'est plus joli comme sa mais bon ... sa regle en rien le probleme