Bonjour à tous, j'ai un petit soucis mais je n'arrive pas à le résoudre en solo :/


Je vous explique : j'ai 5 images (bleu claire)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<img id="img1" onmouseover="this.src='img/ajout_application.jpg'" onmouseout="this.src='img/ajout_application2.jpg'" src="img/ajout_application2.jpg" onclick="fnClick2( this, 'bloc_application');"/>
      <img id="img2" onmouseover="this.src='img/ajout_url.jpg'" onmouseout="this.src='img/ajout_url2.jpg'" src="img/ajout_url2.jpg" onclick="fnClick2( this, 'bloc_url');"/>
      <img id="img3" onmouseover="this.src='img/suppr_appli.jpg'" onmouseout="this.src='img/suppr_appli2.jpg'" src="img/suppr_appli2.jpg" onclick="fnClick2( this, 'bloc_suppr_appli');"/>
	  <img id="img4" onmouseover="this.src='img/suppr_url.jpg'" onmouseout="this.src='img/suppr_url2.jpg'" src="img/suppr_url2.jpg" onclick="fnClick2( this, 'bloc_suppr_url');"/>
	  <img id="img5" onmouseover="this.src='img/ajout_serv.jpg'" onmouseout="this.src='img/ajout_serv2.jpg'" src="img/ajout_serv2.jpg" onclick="fnClick2( this, 'bloc_ajout_serv');"/>
quand on click sur une image un block apparait et l'image devient bleu foncé, si on reclick sur la meme image le block disparait et l'image redevient bleu clair.

Mon soucis est que si on click sur une autre image un autre block apparait mais sans cacher l'ancien ni rendre l'ancienne image bleu foncé en bleu clair.

Donc j'aimerais que lorsqu'on click sur une image lorsqu'un block est deja afficher cela le remette en display:none et l'image en bleu clair puis cela affiche le nouveau block.


Voici mon code js : et en ancienneDiv ce que j'ai essayé de faire mais sans succès
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
//var ancienneDiv = "null";
 
				//(this, bloc_url)
function fnClick2( obj, id_div){
	 // document.getElementById(ancienneDiv).style = 'none';
	  // get element a afficher/masquer
	  var oDiv = document.getElementById(id_div);
	  // affiche la DIV
	  oDiv.style.display = 'block';
	  // sauvegarde des evenements
	  if( !obj.saveEvent){
	    obj.saveEvent = {
	      over : obj.onmouseover,
	      out : obj.onmouseout,
	      click : obj.onclick
	    }
	  }
	  // redefini les evenements
	  obj.onmouseout = function(){};
	  obj.onmouseover = function(){};
	  obj.onclick = function(){
	    // restaure les evenements
	    this.onmouseout = this.saveEvent.out;
	    this.onmouseover = this.saveEvent.over;
	    this.onclick = this.saveEvent.click;
	    // masque la DIV
	    oDiv.style.display = 'none';
	   // ancienneDiv = id_div;
 
	  };
}
J'espère que j'ai été clair
Merci pour votre aide