Condition background-color Jquery(php) ?
Bonjour tout le monde ^^...
Alors je vous expose mon petit problème.
J'utilise jquery et j'ai fait un menu dynamique depliant. Bref classique. Quand on clique sur un element cela change la couleur de fond de cet élément. Mais je ne suis que débutant en javascript et php...
Pour cela j'avais fait ce code la:
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
|
//COLOR ARRIERE PLAN MENU:
function colormenu(elementthis,idmenu){
//variable i est egal à l'id de la rubrique
var i=idmenu;
//si la variable window de nom la value de i est indefini
if (window[i]==undefined){
window[i]=1;
}
if (window[i]==1){
elementthis.style.backgroundColor="#dedfe3";
(window[i])++;
}
else{
elementthis.style.backgroundColor="";
(window[i])--;
}
}
function colorssmenu(elementthis,idssmenu){
var y=idssmenu;
if (window[y]==undefined){
window[y]=1;
}
if (window[y]==1){
elementthis.style.backgroundColor="#d3d3d3";
(window[y])++;
}
else{
elementthis.style.backgroundColor="";
(window[y])--;
}
} |
Qui marchait très bien.. seulment voila le client à changer d'avis et veux désormais qu'une partie du menu soit déjà deplié. Donc je me suis executé mais forcement mon code ne marche plus quand on clique sur l'element deplié la couleur change dans le mauvais sens.
Je me demandais donc si il etait possible en javascript ou en jquey de definir une variable en fonction de la condition background-color.
Un truc du style if id_menu background-color = #XXX
Alors id id_menu background-color = #YYY
Voici le code qui depli mon menu:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
$(document).ready(function(){
$('.menu').css('cursor','pointer').click(function(){
$(this).next().slideToggle('slow');
});
});
$(document).ready(function(){
$('.ssmenu_depliant').css('cursor','pointer').click(function(){
$(this).next().slideToggle('slow');
});
});
// Code faisant se deplier la rubrique du menu a l'arrivée sur le site
$(window).load(function(){
$('#ssmenu3').slideToggle('fast');
$('#menuarticles9').slideToggle('slow');
$('#menu3').css('background-color','#dedfe3');
$('#ssmenudepliant9').css('background-color','#d3d3d3');
}); |
Sinon j'envisage aussi une variable Php qui definirais le code couleur mais alors ca depasse mes compétences.. car il faudrait de nouveau faire un tableaux pour créer une variable par élement du menu... Puis l'intégré dans jquey ...
bref argh Ca m'énerve car cela ne paraît pas très dur et devrais être dans mes cordes.. mais je bloque complètement....
Si quelqun pouvais m'aider ou m'aiguiller dans mes recherches .. Merci d'avance.
