Discussion :

[charles888]

Bonjour,

J'ai un soucis avec un onclick, il ne veut pas changer d'image :/

J'ai une page .jsp avec une image :

Code :

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

<img style="right:0px;position:absolute;" class="img_info" src="img/icone_info2.png" onmouseover="this.src='img/icone_info.png'" onmouseout="this.src='img/icone_info2.png'" onclick="Affiche_OBJ('bloc_i<%=i%>_j<%=j%>'),this.src='img/icone_info.png'"/>

Quand je passe dessus une image apparait, quand je pars l'image redeviens a la normal. Et j'aimerais quand quand je click dessus cela me fasse apparaitre un div (ma fonction marche) mais aussi que l'image reste comme si j'étais en mouseover. alors j'ai testé de mettre dans le onclick :

Code :

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

this.src='img/icone_info2.png'

et j'ai aussi essayé de le faire dans ma fonction Affiche_OBJ mais sans succès :/

Merci d'avance pour vos aident

[andry.aime]

Bonjour,

onclick="Affiche_OBJ('bloc_i<%=i%>_j<%=j%>'),this.src='img/icone_info.png'"

";" entre les instructions mais pas ",".

A+.

[RomainVALERI]

Il faudra peut-être aussi, en fonction du rendu final souhaité, que tu désactives le mouseout de l'élément tant que la souris survole le div qui apparait sur ton click, pour le réactiver en sortie. Est-ce clair ?

[NoSmoking]

Bonjour,
à l'affichage de la DIV tu annules l'action sur le mouseout, en ayant pris soin de la sauvegarder pour le cas où.

[charles888]

Merci pour toutes vos réponses

Bon alors j'ai supprimé le mouseover et le mouseout et dans ma fonction affiche objet j'ai le changement d'image lorsque je click

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function Affiche_OBJ(nameDIV,nameIMG){
	if (document.getElementById(nameDIV).style.display == 'block')
	{ 
		document.getElementById(nameDIV).style.display = 'none';
		document.getElementById(nameIMG).src='img/icone_info2.png';
	} 
	else 
	{
		document.getElementById(nameDIV).style.display = 'block'; 
		document.getElementById(nameIMG).src='img/icone_info.png';
	} 
};

après j'ai essayer de remettre le mouseover et mouseout mais du coup lorsque je click sur l'image elle ne reste pas :/

Donc pour le moment j'ai supprimé le mouseover et mouseout pour que lorsque l'utilisateur clik l'image reste changé

[Invité]

et si tu declarait une variable globale qui contiendrait l'adresse de l'image quand on est onmouseout et que tu modifirais quand on clic par l'adresse de l'image que l'on a en onmouseover

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
 
 
var monimage=monimage='img/icone_info2.png';
 
function Affiche_OBJ(nameDIV,nameIMG){
	if (document.getElementById(nameDIV).style.display == 'block')
	{ 
		document.getElementById(nameDIV).style.display = 'none';
		monimage='img/icone_info2.png';
	} 
	else 
	{
		document.getElementById(nameDIV).style.display = 'block'; 
		monimage='img/icone_info.png';
	} 
}