---

Forum » » CSS » » css, pseudo-classe et !javascript!...

---

Posté : 8 déc. 2006 à 16:10

Hello tout le monde! J'ai un petit souci avec une css et du !javascript!...
(Hé oui, faut bien que je pose une chtite question de temps en temps, non? )

J'ai ceci comme code html:


<div id="bsmenu1" class="onglet" !onclick!="!javascript!:montre('smenu','', '1');">
1A
</div>
<div id="bsmenu2" class="onglet" !onclick!="!javascript!:montre('smenu','', '2');">
2A
</div>



avec pour css cela :


DIV.onglet {
    text-align: center;
    height: 20px;
    float: left;
    background-color: #BBBBFF;
}

DIV.onglet:HOVER {
    background-color: #DDDDFF;
}



Jusque là, tout va bien, mes boutons se surlignent sans problème.
Le souci vient lorsque j'ai un !javascript! qui modifie la propriété css background sur un bouton :


document.getElementById("bsmenu1").style.background='#DDDDFF';



Le bouton prends bien la nouvelle couleur, pas de problème, mais lors du survol, plus rien. Une explication, peut-etre?

Merci d'avance! (Note, ce bug a lieu sur mozilla 1.7.8)

---

Cet article provient de NPDS
https://www.npds.org/viewtopic.php?topic=21614&forum=50