Discussion :

[adrien334]

Bonjour,

je souhaiterai qu'un javascript modifie une des class d'une feuille CSS, j'utilise ceci :

Javascript

Code :

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

1
2
3
4
5
6
7
8
var elems = document.getElementsByTagName("li");
for ( var i = 0; ( elem = elems[i] ); i++ )
    {
        if ( elem.className == "current" )
        {
            elem.style.backgroundColor = "Blue";
        }
    }

CSS :

Code :

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

li.current a{background-position:right -19px !important; background-color:black;}

HTML :

Code :

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

<li class="current" ><a href="#" title="Home" id="home" ></a></li>

Le problème est que sans indiquer background-color:black; dans le CSS, le javascript fonctionne (changement de couleur du background), mais quand je définit background-color:black celà ne fonctionne plus et le background reste donc tout le temps noir.

Un petit coup de puce serai le bien venu

[gwyohm]

Bonjour,
CSS :

Code :

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

li.current a{background-position:right -19px !important; background-color:black;}

Ton style est sur la balise a et non sur e li ; 2 solutions :
1/ tu cherches les balises a dans ton javascript

2/ tu positionnes le background sur le li dans la feuille de style

[adrien334]

Ton style est sur la balise a et non sur e li ; 2 solutions :
1/ tu cherches les balises a dans ton javascript

2/ tu positionnes le background sur le li dans la feuille de style

Merci, j'ai opté pour la 2éme solution

[danyboy85]

N'oublies pas le tag "Résolu"