Discussion :

[patricklinden]

Bonjour!

J'ai une image, et un div placée en absolute, et qui apparait quand on mouse over l'image.

Mon petit probleme c'est que quand l'image est à droite de la page, le div apparait et depasse un peu de l'écran.

Comment pourrait-je faire en javascript pour faire en sorte que ca detecte que je suis un peu trop à droite/en bas de l'écran et placer le div à gauche/en haut de l'ecran pour pas que mon balloon tip depasse ?

Merci d'avance!

[SpaceFrog]

un petit script qui teste si le offsetLeft+offsetWidth ou offseTop+offsetHeight n'est pas supérieur aux dims de l'ecran si c'est le cas tu recalcules le left ou top ...

ici un tres bel exemple de tooltips:
http://www.walterzorn.com/tooltip/tooltip_e.htm

[patricklinden]

Bonjour et merci de la réponse

J'ai cherché offsetLeft etc dans la source de la lib que tu m'as donné mais sans succes.
J'ai bien compris le principe mais est-ce que tu pourrais me le faire avec le nom exact des attributs de mon div à utiliser ?

Du genre dans ma fonction appellée sur un mouseover, avant de passer l'attribut style.display en block comment est-ce que

1/ Je récupere la position actuelle de l'image que je mouseover (nommons la X)
2/ Je récupere la largeur de l'ecran (nommons la Y)
3/ Je set la position de mon div (nommons la Z)

Apres je comprends qu'il faut que je fasse un if X + la largeur de mon ballon > Y alors je met Z à une valeur inferieure.

Merci d'avance pour ces précisions techniques...

[SpaceFrog]

Dans la lib donnée pas besoin d'aller trifouiller dans le code c'est une focntionalité incluse ...

[patricklinden]

Oui mais en fait j'utilise des requettes ajax et mon code pour les balloon est deja fait, c'est pourquoi je ne peux pas simplement appeller leur lib pour afficher un texte statique, j'aimerai coder moi meme cette fonctionalité dans mon code.

Je ré-itère donc mes 3 questions

[SpaceFrog]

tu peux tout à fait coupler la lib avec des requetes ajax ...
suffit de renseigner le contenu du span avec ajax ...

tu peux même dans ce cas là utiliser la librairie window prototype qui permet de mettre le contenu de la tooltip en ajax ...