déclencher une fonction au déplacement de la souris.

Version imprimable

04/07/2012, 09h44
gotcha5832

déclencher une fonction au déplacement de la souris.
Bonjour a tous.

Voila à l'arrivé sur mon site j'ouvre une colorbox pour l'inscription à la newsletter.

Le soucis c'est que cette box s'ouvre aussi pourr google, et la fais donc apparaître sur le preview.
J'ai donc pensé l'ouvrir par de l'ajax mais c'est pareil.
Code:

1 2 3 4 5 6 7 <script> $("document").ready( $.ajax({ url: 'ajax/load_colorbox.js' }) ); </script>
Du coup je finis par me demander si il serais possible de la charger lorsque la souris bouge? ==> car google a pas de souris
04/07/2012, 09h46
PP(Team)

Bonjour,

Voici un petit lien qui t'aideras à gérer la souris :

http://www.quirksmode.org/js/events_mouse.html

Cordialement.

Je te remercie, je connaissais effectivement.

J'ai bien tenté:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
function openPop(){
        if (document.cookie.indexOf('visited=true') == -1) {
		var fifteenDays = 1000*60*60*24*15;
		var expires = new Date((new Date()).valueOf() + fifteenDays);
		document.cookie = "visited=true;expires=" + expires.toUTCString();
		$.colorbox({inline:true, href:"#subscribe_popup"});
	}
	$(".open_popup").colorbox({inline:true, href:"#subscribe_popup"});
}
window.onload = function(){
	document.body.onmousemove = openPop();
};		 
		</script>

Mais du coup elle s'ouvre direct?

04/07/2012, 10h11
Bovino

Code:

document.body.onmousemove = openPop();

Là tu affectes à la propriété onmousemove le résultat de l'exécution de la fonction, c'est pas bon.

Code:

document.body.onmousemove = openPop;

Voir : Les fonctions de rappel (callback) ou les utilisations cachées de eval()
04/07/2012, 10h14
SpaceFrog

le .mousemove() de jquery ne convient pas ?

Effectivement ca marche mieux comme cela.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var popopen =0;
function openPop() {
	if (popopen != 1) {
		popopen = popopen + 1;
		if (document.cookie.indexOf('visited=true') == -1) {
			var fifteenDays = 1000*60*60*24*15;
			var expires = new Date((new Date()).valueOf() + fifteenDays);
			document.cookie = "visited=true;expires=" + expires.toUTCString();
			$.colorbox({inline:true, href:"#subscribe_popup"});
		}
		$(".open_popup").colorbox({inline:true, href:"#subscribe_popup"});
	}
}
window.onload = function(){
	document.body.onmousemove = openPop;
};

En revanche pour éviter quelle se réouvre à chaque que l'on bouge la souris j'ai rajouter un test

Code:

1
2
3
4
5
6
7
8
 
var popopen =0;
function openPop() {
	if (popopen != 1) {
		popopen = popopen + 1;
....
	}
}

Ca vous parais correct ou vou auriz un meilleur méthode?

Sinon je vais aussi regarder du coté de jquery

04/07/2012, 10h40
SpaceFrog

je n'ai pourtant pas de gènes de vitrier ....
04/07/2012, 10h47
Bovino
Si tu ne veux déclencher la fonction qu'une fois, inutile de continuer à la lancer au mousemove :
Code:

1 2 3 4 5 function openPop() { document.body.onmousemove = undefined; //... // Reste du traitement }

Citation:

Envoyé par SpaceFrog

je n'ai pourtant pas de gènes de vitrier ....

nan je crois pas, en tout cas tu est pas transparent c'est pour cela que je dis que je vasi regarder du coté de jquery.
Code:

1 2 3 4 5 6 7 8 9 10 11 $("#content").mousemove(function(e){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*15; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({inline:true, href:"#subscribe_popup"}); } $(".open_popup").colorbox({inline:true, href:"#subscribe_popup"}); });
Pour l'instant ca ne fonctionne pas.