Discussion :

[java250r]

Salut a tous je suis entrain de faire un site et je voudrais que quand l'usager clic sur une image qu'il apparait une bordure verte autour de l'image et que quand il clic sur une autre image que la bordure disparaisse de l'autre image et quelle apparaissent sur la nouvelle image cliquer.J'ai fais une fonction mais la bordure ne disparait pas quand je clic sur une autre image voici mon code
Merci d'avance pour votre aide

Code :

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

1
2
3
4
5
6
7
8
 
function toggleBorder(img) {
			if(!img.style.border||img.style.borderLeftStyle=='none') {
			img.style.border = "3px solid #6BF806";
			} else {
			img.style.border = "none";
			}
		}

[_tom_]

Bonjour,

Il te manque le changement de bordure sur les autres images.

Voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function toggleBorder(img) {
	var imgs = document.getElementsByTagName("img");
	for (var i=0; i<imgs.length; i++) {
		if(imgs[i] == img) {
			if(!img.style.border||img.style.borderLeftStyle=='none') {
			imgs[i].style.border = "3px solid #6BF806";
			} else {
			imgs[i].style.border = "none";
			}
		} else imgs[i].style.border = "none";
	}
}

[java250r]

Merci beaucoup ca fonctionne a merveille