Discussion :

[jameson]

bonjour,

j'ai un menu fait en ul => li.

Le background color de mes li est par defaut en black.

j'aimerais quand je clique sur un li changer le bacground color.

ça je sais faire

Code :

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

1
2
3
4
5
6
7
 
$(document).ready(function() {
        $("#menu > li").click(function(){
        $("#menu > li").removeClass('selected');
            $(this).addClass('selected');
        })
});

sauf que j'aimerai par exemple que mon element 1 soit bleu si je clic dessus, que mon element 2 soit jaune si je clic dessus ...

chaque element de mon menu aura une couleur differente quand on clique dessus.

[sk8matt]

Bonjour,

Il te faut créer une class style pour chacun de tes li

Et dans ta fonction js modifier le nom de la class en fonction de l'index récupéré.

De mémoire :

Code :

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

$(this).index()

[jameson]

il n'y a vraiment pas plus simple humm bien dommage.

Merci

[sk8matt]

Désolé ^^,

Ça ne te fait pas énormément de modification à faire :

Code CSS :

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

1
2
3
4
5
 
.selected1 {background-color:red;}
.selected2 {background-color:blue;}
...
.selectedX {background-color:yellow;}

[jameson]

je sais que ce n'est pas grand chose mais bon. Je pensais qu'il y avait peut etre plus, j'avais pensé à ça, mais je pensais qu'une autre solution existé en attendant merci de ta réponse.

[sk8matt]

Je t'en prie

Pense à fermer la discussion si ton problème est résolue