Discussion :

[Neii Mad]

Bonsoir/jour

J'ai un menu en liste pour lequel je veux changer les class des item au click via JS.

Voici mon code pour le moment, qui est ok :
(si le deuxieme item est clické, tous les liens se voient appliquer une class null, et celui ci obtient la class "chek")

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
// après chargement de la page
window.onload = function () {
 
// definition de la variable pour les items
	var menu1li = document.getElementById("menu1").getElementsByTagName("li");
 
// le premier item est checké
	menu1li.item(0).className = "chek";
 
// au click du deuxieme item
	menu1li.item(1).onclick = function () {
 
// tous les items se voient appliquer la class null
		for (var i = 0 ; i < menu1li.length ; ++i) {
			menu1li.item(i).className = "";
			}
 
// l'item clické se voit appliquer la classe "chek"
		this.className = "chek";
		return false;
		}
 
	}

Comment faire en sorte que le code soit fonctionnel pour n'importe quel item clické ?


Merci d'avance

[andry.aime]

Salut, essaye avec

Code :

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

1
2
3
4
5
6
7
8
9
10
var menu1li = document.getElementById("menu1").getElementsByTagName("li");
	menu1li[0].className = "chek";
for (var j = 0 ; j < menu1li.length ; j++){
menu1li[j].onclick = function () {
		for (var i = 0 ; i < menu1li.length ; ++i) 
		menu1li[i].className = "";
		this.className = "chek";
		return false;
		}
}

[Neii Mad]

Euh... Mon script fonctionne, mais le tiens non. Ce n'est pas le souci qu'il fonctionne ou non.

En fait, il ne me manque qu'à pouvoir remplacer "menu1.item(1).onclik" par quelque chose qui me permettrait de définir n'importe quel item cliqué au lieu de préciser un item par numéro fixe.
Comme si, même si érroné mais pour illustrer, ce code fonctionnait :

Code :

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

1
2
3
// au click d'un x item
	menu1li.item.onclick = function () {
	this.className = "chek";

[warwill]

et avec ça ?:
chaque bouton a son id de 1 à x et onclick="AddClass(n°dubouton)"

Code :

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

1
2
3
4
5
6
7
8
9
 
function AddClass("boutname") {
for (i=1; i < 'x+1'  ; ++i) {
var bout = document.getElementById(i);
bout.className = "null";
}
var bout = document.getElementById(boutname);
bout.className = "chek";
}

ça devrai aller.

[Neii Mad]

Mea culpa, le script proposé par Andry fonctionne, avec une petite rectification sur la facon de "classer" le li :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function menu(id) {
 
	var menuli = document.getElementById(id).getElementsByTagName("li");
 
	for (var j = 0 ; j < menuli.length ; j++)
	menuli[j].onmouseup = function () {
		for (var i = 0 ; i < menuli.length ; ++i)
		menuli.item(i).className = "";
		this.className = "chek";
		return false;
		}
 
	}

Merci.