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