IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Menu li onclick change color mais différente pour chaque li


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    226
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 226
    Par défaut Menu li onclick change color mais différente pour chaque li
    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.

  2. #2
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2013
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Distribution

    Informations forums :
    Inscription : Octobre 2013
    Messages : 24
    Par défaut
    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 :


  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    226
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 226
    Par défaut
    il n'y a vraiment pas plus simple humm bien dommage.

    Merci

  4. #4
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2013
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Distribution

    Informations forums :
    Inscription : Octobre 2013
    Messages : 24
    Par défaut
    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;}

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    226
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 226
    Par défaut
    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.

  6. #6
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2013
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Distribution

    Informations forums :
    Inscription : Octobre 2013
    Messages : 24
    Par défaut
    Je t'en prie

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 25/03/2010, 09h55
  2. Charset et Interclassement différent pour chaque ligne
    Par berceker united dans le forum SQL Procédural
    Réponses: 2
    Dernier message: 28/08/2007, 23h44
  3. Réponses: 5
    Dernier message: 13/06/2007, 11h33
  4. [2.0 WebPart]EditorZone différente pour chaque Webpartzone
    Par globeriding dans le forum ASP.NET
    Réponses: 1
    Dernier message: 27/04/2007, 12h20
  5. Icones différentes pour chaque bureau ?
    Par sala|-| dans le forum KDE
    Réponses: 6
    Dernier message: 01/02/2007, 20h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo