menu liste et changement de class des items

Version imprimable

[resolu] menu liste et changement de class des items

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:

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

Salut, essaye avec

Code:

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;
		}
}

19/04/2009, 11h33
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:

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

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

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.

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

Code:

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.