NPDS : Gestion de contenu et de communauté
Content & Community Management System (CCMS) robuste, sécurisé, complet, performant, parlant vraiment français, libre (Open-Source) et gratuit.
31 visiteur(s) et 0 membre(s) en ligne.
Autres infos
Activité du Site
Pages vues depuis 25/05/2001 : 108 401 657
- Nb. de membres 8 693
- Nb. d'articles 1 695
- Nb. de forums 26
- Nb. de sujets 8
- Nb. de critiques 92
Index du forum »» CSS »» css, pseudo-classe et !javascript!...
css, pseudo-classe et !javascript!...#21614
5Contributeur(s)
4 Modérateur(s)
Boris
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? :-D )
J'ai ceci comme code html:
avec pour css cela :
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 :
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)
(Hé oui, faut bien que je pose une chtite question de temps en temps, non? :-D )
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)
GiamDoc
et pourquoi pas créer une class CSS bsmenu1, bsmenu2
comme cela il n'y aurait pas de conflit ("bsmenu1").style.background='#DDDDFF'etc.
comme cela il n'y aurait pas de conflit ("bsmenu1").style.background='#DDDDFF'etc.
mrotta
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... :paf
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... :paf
Jireck
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
Y'en a plein qui font deja ce que tu fais ....
Mais reinventons la roue ... ca roulera mieux
jpb
slt
mais ce sont les meme couleur ? non ?
.....HOVER {
background-color: #DDDDFF;....
....style.background='#DDDDFF';
mais ce sont les meme couleur ? non ?
.....HOVER {
background-color: #DDDDFF;....
....style.background='#DDDDFF';
Boris
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
Donc en fait, js gère la couleur après clic tandis que css gère la couleur au survol avec hover