https://ina-festivaldecannes.com/JS/RollOverDiv.js

1// POUR LA HP
2
3function RollOverDivInDossierHP(div,couleur,img) {
4	document.getElementById(div).style.backgroundColor='#'+couleur;
5	document.getElementById(img+'_off').style.display='none';
6	document.getElementById(img+'_on').style.display='block';
7}
8
9function RollOverDivOutDossierHP(evt, id,couleur,img) {
10	if (!evt) var evt = window.event;
11	var obj = getElement(id);
12	var x = findPosX(obj);
13	var y = findPosY(obj);
14
15//	getElement("debug").innerHTML = evt.clientX+","+evt.clientY+" | "+x+"("+(x+obj.clientWidth)+"),"+y+"("+(y+obj.clientHeight)+")";
16	
17	if((evt.clientX < (x+5) || evt.clientX  > (x + obj.clientWidth-5)) || (evt.clientY < (y+5) || evt.clientY  > (y + obj.clientHeight-5)))
18	{
19		document.getElementById(id).style.backgroundColor='#'+couleur;
20		document.getElementById(img+'_off').style.display='block';
21		document.getElementById(img+'_on').style.display='none';
22	}
23}
24
25// Au survol de la div
26function RollOverDivInHP(id,color,image) {
27	document.getElementById(id).style.backgroundColor=color;
28	document.getElementById(image).setAttribute('src','design/images/accueil/'+image+'_on.gif');
29}
30
31// En quittant la div
32function RollOverDivOutHP(id,color,image) {
33	document.getElementById(id).style.backgroundColor=color;
34	document.getElementById(image).setAttribute('src','design/images/accueil/'+image+'_off.gif');
35}
36
37// En quittant la div
38function RollOverDivOutHP2(evt,id,color,image) {
39
40
41	if (!evt) var evt = window.event;
42	var obj = getElement(id);
43	var x = findPosX(obj);
44	var y = findPosY(obj);
45
46//	getElement("debug").innerHTML = evt.clientX+","+evt.clientY+" | "+x+"("+(x+obj.clientWidth)+"),"+y+"("+(y+obj.clientHeight)+")";
47	
48	if((evt.clientX < (x+5) || evt.clientX  > (x + obj.clientWidth-5)) || (evt.clientY < (y+5) || evt.clientY  > (y + obj.clientHeight-5)))
49	{
50		document.getElementById(id).style.backgroundColor=color;
51		document.getElementById(image).setAttribute('src','design/images/accueil/'+image+'_off.gif');
52	}
53}
54
55// POUR LES ZONES COMMUNES
56
57// Au survol de la div
58function RollOverDivIn(id,color,image) {
59	document.getElementById(id).style.backgroundColor=color;
60	document.getElementById(image).setAttribute('src','design/images/commun/'+image+'_on.gif');
61}
62
63// En quittant la div
64function RollOverDivOut(id,color,image) {
65	document.getElementById(id).style.backgroundColor=color;
66	document.getElementById(image).setAttribute('src','design/images/commun/'+image+'_off.gif');
67}