Discussion :

[gotcha5832]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[PP(Team)]

Bonjour,

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

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

Cordialement.

[gotcha5832]

Je te remercie, je connaissais effectivement.

J'ai bien tenté:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

document.body.onmousemove = openPop;

Voir : Les fonctions de rappel (callback) ou les utilisations cachées de eval()

[SpaceFrog]

le .mousemove() de jquery ne convient pas ?

[gotcha5832]

Effectivement ca marche mieux comme cela.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

[Bovino]

Si tu ne veux déclencher la fonction qu'une fois, inutile de continuer à la lancer au mousemove :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[gotcha5832]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.