Petit bug sur IE avec style.color
Bonjour,
j'ai fait une petite fonction qui permet de changer des éléments de style d'un item sur ma page html. En gros, quand je sélectionne l'item, le change le fond, la couleur du texte et le fait qu'il soit en gras ou non. Mais pour réinitialiser à chaque fois que je change d'item, j'ai fait une boucle qui récupère la liste des éléments et qui les passe à "null". ca fonctionne impecc sur tous les navigateurs, sauf .... IE bien sûr ...
Voici ma fonction:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| function show_faq(item)
{
elmts = document.getElementsByClassName("faq_item");
for(var i=0;i<elmts.length;i++)
{
elmts[i].style.display='none';
}
elmts2 = document.getElementsByClassName("faq_headline");
for(var i=0;i<elmts2.length;i++)
{
elmts2[i].style.color=null;
elmts2[i].style.backgroundColor=null;
elmts2[i].style.fontWeight=null;
}
document.getElementById(item).style.display="block";
var faq = "faq" + item;
document.getElementById(faq).style.backgroundColor="#064450";
document.getElementById(faq).style.color="#ffffff";
document.getElementById(faq).style.fontWeight="bold";
} |
Et mon html:
Code:
1
2
3
4
5
6
7
8
9
| <div id="mod_faqcust">
<div id="faq26" class="faq_headline" onclick="show_faq('26');"> item1 </div>
<div id="faq25" class="faq_headline" onclick="show_faq('25');" style="background-color: rgb(6, 68, 80); color: rgb(255, 255, 255); font-weight: bold;"> item2 actuellement sélectionné </div>
<div id="faq21" class="faq_headline" onclick="show_faq('21');"> item3 </div>
<div id="faq19" class="faq_headline" onclick="show_faq('19');"> item4 </div>
<div id="faq17" class="faq_headline" onclick="show_faq('17');"> item5 </div>
<div class="faq_text">
...
... |
Auriez-vous une idée svp ?
