Pour profiter de toutes les fonctionnalités du site et du forum et avoir moins de publicité, inscrivez vous gratuitement !

Heures au format UTC + 1 heure [ Heure d’été ]





Poster un nouveau sujet Répondre au sujet  [ 2 messages ] 
Auteur Message
 Sujet du message: [RESOLU]Besoin d'aide script follow mouse
MessagePosté: 04 Juil 2009 à 15:08 
Hors ligne
Neurone isolé
Neurone isolé

Inscription: 04 Juil 2009 à 14:49
Messages: 2

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é ! :jap:

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
@+


Dernière édition par Xtofprod le 06 Juil 2009 à 11:57, édité 1 fois.

Haut
 Profil Envoyer un e-mail  
 
Petite pause pub :)
 Sujet du message: Besoin d'aide script follow mouse
MessagePosté: 06 Juil 2009 à 11:56 
Hors ligne
Neurone isolé
Neurone isolé

Inscription: 04 Juil 2009 à 14:49
Messages: 2

Salut,

J'ai trouvé une solution et tout semble fonctionner comme je le souhaitais ! :wink:

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.

@+


Haut
 Profil Envoyer un e-mail  
 
Afficher les messages postés depuis:  Trier par  
Poster un nouveau sujet Répondre au sujet  [ 2 messages ] 

Heures au format UTC + 1 heure [ Heure d’été ]


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités


Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages

Rechercher:
Aller à:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Traduction par: phpBB-fr.com
phpBB SEO