Discussion :

[pas30]

Bonjour,

Existe-t-il un évènement javascript qui permet de s'assurer que notre site est vu réellement par les internautes. Par exemple sur les autosurfs notre site n'est pas réellement vu il faut être honnête. Peut-on créer un évènement avec la souris tel que "si la souris bouge dans le fenêtre" ou quelquechose dans le genre
Enfin j'aimerais exécuter un code javascript affichant une image et il faudrait que javascript soit capable de me retourner la position d'affichage de cette image afin que je sache si elle est affichée en haut ou en bas de page et également savoir si l'image sera visible à l'écran ou non
Quelqu'un aurait des idées sur tout celà ?

[Saray]

1. pour détecter que la souris bouge dans une fenetre :

document.body.onmousemove=function(){
// tu écris ton code javascript

}

2. Celui c'est plus compliqué, mais voilà comment je fais sur mon site :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
// Cette fonction permet de connaître l'état de scroll
Fenetres.ScrollXY=function(el,avecfen) {
	var scrOfX = 0, scrOfY = 0;
	if(typeof( window.pageYOffset )=='number' ) {
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	}else if(document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	}else if(document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	if(el!=undefined){
	var el_=el;
	while(el_.offsetParent){
		scrOfX+=el_.scrollLeft;
		scrOfY+=el_.scrollTop;
		el_=el_.offsetParent;
	}
	}
  return [ scrOfX, scrOfY ];
}
 
//cette fonction permet de connaître la hauteur et la largeur de la fenêtre :
Fenetres.LH=function(){
var l=0,h=0;
  if(typeof(window.innerWidth)=='number') {
    l=window.innerWidth;
    h=window.innerHeight;
  }else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    l=document.documentElement.clientWidth;
    h=document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    l=document.body.clientWidth;
    h=document.body.clientHeight;
  }
   return [l,h];
}
// cette fonction permet de connaître la position de la ton image
$el.cXY=function(el){
		var y=0;var x=0;var o=$(el);
		do{
			y+=o.offsetTop+(o.currentStyle?(parseInt(o.currentStyle.borderTopWidth)):0);
			x+=o.offsetLeft+(o.currentStyle?(parseInt(o.currentStyle.borderLeftWidth)):0);
			o=o.offsetParent;
		}while(o);
		return {x:x,y:y};
	}
//Maintenant pour savoir si ton image est en dehors de ton écran
	var XY=Fenetres.ScrollXY(subMenu);
	var LH=Fenetres.LH();
	var coordImg=$el.cXY(monimage);
 
	if(XY[1]+LH[1]<monimage.offsetHeight+coordImg.y){
		// l'image est trop en bas
	}
 
	if(LH[0]+XY[0]<monimage.offsetWidth+coordImg.x){
		// l'image est trop à droite
	}

Saray