Se connecter / S'enregistrer
Votre question

Image Hors ecran en javascript

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
2 Avril 2010 10:49:41

Bonjour à tous,

Alors voila, j'ai un script qui me permet d'afficher une image quand la souris passe sur le lien. Le script est le suivant :

  1. <SCRIPT type="text/javascript">
  2. if (document.getElementById){
  3. box = document.getElementById("img").style;
  4. if(navigator.appName.substring(0,3) == "Net")
  5. document.captureEvents(Event.MOUSEMOVE);
  6. document.onmousemove = pointer;
  7. }
  8. function poplink(contenu){
  9. var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=1 CELLPADDING=3 CELLSPACING=1><TR><TD BGCOLOR=#FFFFFF><CENTER>"+contenu+"</CENTER></TD></TR></TABLE></TD></TR></TABLE>";
  10. if (document.getElementById)
  11. {
  12. document.getElementById("img").innerHTML =
  13. content;
  14. box.visibility = "visible";
  15. }
  16. }
  17. function pointer(e)
  18. {
  19. var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
  20. var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
  21. box.left = x+2;
  22. box.top = y+2;
  23. }
  24. function closepopup()
  25. {
  26. if (document.getElementById)
  27. box.visibility = "hidden";
  28. }
  29. </SCRIPT>


Cela fonctionne trés bien à part que si le lien se trouve en bas à droite l'image apparait mais en dehors de l'ecran . est il possible de changer la position de l'image en fonction de la position du lien et donc du curseur.
Merci par avance

Autres pages sur : image ecran javascript

a c 232 L Programmation
3 Avril 2010 12:16:15

Salut,

Il faut que tu récupères la largeur de la page ainsi que sa hauteur.
Et si la largeur de la box + la position X est supérieur à la largeur de la page, tu déplaces la box.
Et si la hauteur de la box + la position Y est supérieur à la hauteur de la page, tu déplaces la box.
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS