Bonjour,
Dans le cadre d'un menu pour un site web, j'ai plusieurs éléments dans ce menu.
Ce menu est constitué par une liste (<ul><li>...</li></ul>)
Par exemple:
Accueil | Menu1 | Menu2
Ce que je souhaite c'est appliquer un style lors du clic sur un élément. Pour cela j'ai une class 'item_active' qui doit s'appliquer à l'élément cliqué. Le problème c'est de supprimer cette classe lors du clic sur un autre élément. Je souhaite donc à chaque clic supprimer la class de tous les éléments de ma liste (<li></li>) et l'ajouter à l'élément qui a été cliqué.

Comment faire pour supprimer la class 'item_active' de tous les éléments <li></li>?

J'ai essayé ça:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
function apply_class(e){
	document.getElementByClassName('item_active').className = '';
	if(e.className == ''){
		e.className='item_active';
	}
}
Avec un appel à cette fonction dans chaque <li></li>:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<li onclick="apply_class(this)"><a href="#"><span>Accueil</span></a></li>
Ca supprime bien le style mais ça ne garde pas le style de ma classe 'item_active'.