Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 28/11/2010, 17h04   #1
Invité de passage
 
Inscription : décembre 2006
Messages : 31
Détails du profil
Informations forums :
Inscription : décembre 2006
Messages : 31
Points : 3
Points : 3
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 :
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..
Kazy15 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/11/2010, 10h28   #2
Membre éclairé
 
sébastien courjean
Inscription : novembre 2010
Messages : 204
Détails du profil
Informations personnelles :
Nom : sébastien courjean
Localisation : France, Indre et Loire (Centre)

Informations forums :
Inscription : novembre 2010
Messages : 204
Points : 319
Points : 319
Pourquoi tu ne fais pas cela directement dans ta feuille CSS avec :hover ?
__________________
Sébastien Courjean
Développeur Web
scourjean@cyres.fr
http://www.cyres.fr/
scourjean est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/11/2010, 15h58   #3
Invité de passage
 
Inscription : décembre 2006
Messages : 31
Détails du profil
Informations forums :
Inscription : décembre 2006
Messages : 31
Points : 3
Points : 3
Salut,

j'avais essayé évidemment, mais ça ne fonctionne pas à cause du loader ajax (je crois).
Kazy15 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 30/11/2010, 14h35   #4
Invité de passage
 
Inscription : décembre 2006
Messages : 31
Détails du profil
Informations forums :
Inscription : décembre 2006
Messages : 31
Points : 3
Points : 3
Bon bah c'est bon je me suis fait aidé de quelqu'un d'autre finalement, merci.
Kazy15 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 23h15.


 
 
 
 
Partenaires

Hébergement Web