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 :

Changer un élément selon le css courant


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    42
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2006
    Messages : 42
    Par défaut Changer un élément selon le css courant
    Bonjour,
    j'ai un soucis dans mon code jQuery.
    J'ai un script permettant de switcher de design. Dans mon menu, il y a une puce qui apparaît à gauche des mots survolés, de la même couleur que le reste du thème. Mais si je change de thème, elle reste de la couleur initiale. Ce n'est pas la faute du css car je l'appelle dans le code jQuery, mais je ne sais pas comment procéder...

    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
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    $(document).ready(styleLoader);	
    $(document).ready(pageLoaderInit);	   
     
    	// CSS SWITCHER
    function styleLoader() {
    if($.cookie("css")) {
    	$("link").attr("href",$.cookie("css"));
    }
     
    	$("#css_choice li a").click(function() { 
    		$("link").attr("href",$(this).attr('rel'));
    		$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
    		return false;
    	});	
     
    }
     
     
    function pageLoaderInit(){
     
    	  // ROLLOVERS MENU
    $('#primary ul.menu li').mouseenter(function() {
         $(this).css({background : "url(/wp-content/images/design/puce_bleue.png) no-repeat 0 37%"}); // LA PUCE NE DOIT PAS ETRE BLEUE MAIS VARIER SELON LE THÈME COURANT
      });
     
    $('#primary ul.menu li').mouseleave(function() {
          $(this).css({background : "none"});		  
         });
     
      $("#primary a").click(function(event){					
    	    // GESTION PUCES MENU
    	var id_a = this.id;
            $("#primary a").css({background : "none"});;
            $("#menu-item-9 a").css({background : "none"});
            $(this).css({background : "url(/wp-content/images/design/puce_bleue.png) no-repeat 0 37%"}); // LA PUCE NE DOIT PAS ETRE BLEUE MAIS VARIER SELON LE THÈME COURANT
     
    }
    J'ai légèrement commenté dans le but d'être compris. Vous pouvez également voir en situation ici.

    Merci par avance pour votre, je débute en jQuery / javascript et je ne programme pas tellement dans ce langage d'habitude, je manipule des morceaux de codes récupérés à gauche à droite..

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : Novembre 2010
    Messages : 207
    Par défaut
    Pourquoi tu ne fais pas cela directement dans ta feuille CSS avec :hover ?

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    42
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2006
    Messages : 42
    Par défaut
    Salut,

    j'avais essayé évidemment, mais ça ne fonctionne pas à cause du loader ajax (je crois).

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    42
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2006
    Messages : 42
    Par défaut
    Bon bah c'est bon je me suis fait aidé de quelqu'un d'autre finalement, merci.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [PHP 4] changer des éléments selon l’état de connexion
    Par massawi4ever dans le forum Langage
    Réponses: 13
    Dernier message: 29/09/2014, 15h30
  2. Changer le curseur selon l'élément survolé
    Par vogur dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/10/2011, 09h05
  3. changer de background selon parametre URL
    Par huynhi dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 17/10/2006, 15h18
  4. position et affiche élément formulaire en css
    Par argon dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 05/07/2006, 11h06
  5. [VB.NET] Changer de classe selon condition
    Par daner06 dans le forum Windows Forms
    Réponses: 4
    Dernier message: 24/10/2004, 10h04

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