Achetez et vendez votre matériel multimédia d'occasion sur notre service de petites annonces informatiques gratuites

[RESOLU]Besoin d'aide script follow mouse

Forum informatique > Aide création et gestion de site > [RESOLU]Besoin d'aide script follow mouse

<<<1>>>

[Page 1 sur 1 - 2 messages]
Informations Messages

Xtofprod

Avatar de Xtofprod
2 messages
Neurone isolé
Neurone isolé

Lien direct Le 04 Juillet 2009 à 16h08

Salut à tous,

Je me présente vite fait : Christophe, passionné d'aviation et d'audiovisuel et je possède un site depuis 2 ans, site que j'ai construit de mes propres mains (qui a dit usine à gaz ? LOL ! ). Je ne suis pas trop calé en informatique mais je me débrouille et il me semble comprendre assez vite les concepts de base.

Voici mon problème :

J'ai déjà créer une bonne partie de mon script en glanant à gauche et à droite une multitude d'informations, de tutos etc. Je viens vers vous car là je tourne en rond pour un effet spécifique que j'ai un peu de mal à comprendre.

Mon but :
Avoir un pop-up qui s'ouvre au dessus d'une images avec un preview en flash qui suive le curseur de la souris.

Ce que j'ai réalisé :
Vous pouvez jeter un oeil sur le site lui-même : Xtof Production

Le pop-up flash fonctionne très bien, no problem pour ça.

L'aide que j'ai besoin :
Juste me donner un coup de main afin d'animer mon pop-up pour qu'il suive le curseur de la souris et non qu'il reste à une position prédéfinie par le CSS comme actuellement (solution intermédiaire pour le moment).

Voilà, l'appel est lancé, en vous remerciant d'avance pour vos réponses, qui je le suis sûr, me seront d'une grande utilité !

J'espère être assez complet, normalement les scripts utilisés se trouvent dans la source de la page web ainsi que le CSS (je ne les ai pas inclus dans un fichier différent afin d'en faciliter la lecture)

Merci
@+

 

Xtofprod

Avatar de Xtofprod
2 messages
Neurone isolé
Neurone isolé

Lien direct Le 06 Juillet 2009 à 12h56

Salut,

J'ai trouvé une solution et tout semble fonctionner comme je le souhaitais ! Clin d'oeil

Pour ceux qui auraient le même problème, voici le script que j'ai utilisé :

Code

var divName = 'movtarget'; // div qui doit suivre la souris
// (dans le CSS => position:absolute)
var offX = 15; // décalage sur l'axe X par rapport à la position de la souris
var offY = 15; // décalage sur l'axe Y par rapport à la position de la souris

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style;
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}
document.onmousemove = follow;



Avec les 3 premières valeurs à adapter.

@+

 

<<<1>>>

[Page 1 sur 1 - 2 messages]

Forum informatique > Aide création et gestion de site > [RESOLU]Besoin d'aide script follow mouse