|
Boris 3430
| Posté : 08-12-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) |  Profil E-mail www
|
|
Boris 3430
| Posté : 10-12-2006 21:43
Ca n'inspire pas grand-monde, dirait-on... |  Profil E-mail www
|
|
GiamDoc 7063
| Posté : 11-12-2006 10:43
et pourquoi pas créer une class CSS bsmenu1, bsmenu2
comme cela il n'y aurait pas de conflit ("bsmenu1").style.background='#DDDDFF'etc.
|  Profil E-mail www
|
|
mrotta 423
| Posté : 11-12-2006 18:44
Je ne suis pas convaincu que mélanger du CSS et des codes java pour gérer un même objet soit une bonne idée.
Et en plus, tu risque d'avoir des résultats très aléatoires suivant les versions des navigateurs que tu vas rencontrer et des versions de java installées sur les postes utilisateurs. Dans le style impossible à gérer... |  Profil
|
|
Jireck 8502
| Posté : 12-12-2006 09:52
Je crois qu'il faut plus que tu regardes ce qui existe déja ...
Y'en a plein qui font deja ce que tu fais ....
Mais reinventons la roue ... ca roulera mieux |  Profil
|
|
jpb 2791
| Posté : 13-12-2006 11:49
slt
mais ce sont les meme couleur ? non ?
.....HOVER {
background-color: #DDDDFF;....
....style.background='#DDDDFF'; |  Profil www
|
|
Boris 3430
| Posté : 13-12-2006 18:58
Oui, sauf que celle définie par le script, c'est pour que la zone concernée soit en permanance en DDDDFF après clic, pas qu'au surlignage. (et quand je clique sur une autre zone, un js remet la couleur de l'onglet à BBBBFF)
Donc en fait, js gère la couleur après clic tandis que css gère la couleur au survol avec hover |  Profil E-mail www
|
|