(Solved) Kleuren wijzigen FireFox
Hallo,
Ik heb een probleem met een script.
Ik wil de achtergrond kleur van de website laten aanpassen. Nu heb ik hiervoor een script (zie hieronder). Dit werkt probleemloos in IE, alleen niet in FireFox. In firefox kan ik maar 1 keer de kleur wijzigen en dan pakt hij ook nog vaak de verkeerde kleur. Iemand enig idee wat er fout is?
Ik heb een probleem met een script.
Ik wil de achtergrond kleur van de website laten aanpassen. Nu heb ik hiervoor een script (zie hieronder). Dit werkt probleemloos in IE, alleen niet in FireFox. In firefox kan ik maar 1 keer de kleur wijzigen en dan pakt hij ook nog vaak de verkeerde kleur. Iemand enig idee wat er fout is?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<body>
<DIV ID="colorchanges">
<a href="#" onclick="document.bgColor='#FFCCCC'"><DIV id="pink" style="width:25px;height:25px;background-color:#FFCCCC;"></DIV></a>
<a href="#" onclick="document.bgColor='#A0CFEC'"><DIV id="blue" style="width:25px;height:25px;background-color:#A0CFEC;margin-left:35px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='green'"> <DIV id="green" style="width:25px;height:25px;background-color:green;margin-left:70px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='orange'"> <DIV id="orange" style="width:25px;height:25px;background-color:orange;margin-left:105px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='black'"> <DIV id="black" style="width:25px;height:25px;background-color:black;margin-left:140px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='white'"> <DIV id="white" style="width:25px;height:25px;background-color:white;margin-left:175px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='red'"> <DIV id="red" style="width:25px;height:25px;background-color:red;margin-left:210px;margin-top:-25px;"></DIV></a>
</DIV>
</body>
</html>
<body>
<DIV ID="colorchanges">
<a href="#" onclick="document.bgColor='#FFCCCC'"><DIV id="pink" style="width:25px;height:25px;background-color:#FFCCCC;"></DIV></a>
<a href="#" onclick="document.bgColor='#A0CFEC'"><DIV id="blue" style="width:25px;height:25px;background-color:#A0CFEC;margin-left:35px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='green'"> <DIV id="green" style="width:25px;height:25px;background-color:green;margin-left:70px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='orange'"> <DIV id="orange" style="width:25px;height:25px;background-color:orange;margin-left:105px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='black'"> <DIV id="black" style="width:25px;height:25px;background-color:black;margin-left:140px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='white'"> <DIV id="white" style="width:25px;height:25px;background-color:white;margin-left:175px;margin-top:-25px;"></DIV></a>
<a href="#" onclick="document.bgColor='red'"> <DIV id="red" style="width:25px;height:25px;background-color:red;margin-left:210px;margin-top:-25px;"></DIV></a>
</DIV>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door Whatever Whatever
Je post is nu niet echt leesbaar. Pas je post even aan en gebruik en tags om je code heen. Om php code zet je uiteraard dit:Gebruik je
knop om dit te doen.
SanThe.
knop om dit te doen.SanThe.
Excuses, hij is aangepast. Bedankt voor de opmerking.
Je laatste div ging over alle andere div's heen in firefox.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<body>
<DIV ID="colorchanges">
<a href="#" onclick="document.bgColor='#FFCCCC'" style="float:left;"><DIV id="pink" style="width:25px;height:25px;background-color:#FFCCCC;"></DIV></a>
<a href="#" onclick="document.bgColor='#A0CFEC'" style="float:left;"><DIV id="blue" style="width:25px;height:25px;background-color:#A0CFEC;"></DIV></a>
<a href="#" onclick="document.bgColor='green'" style="float:left;"> <DIV id="green" style="width:25px;height:25px;background-color:green;"></DIV></a>
<a href="#" onclick="document.bgColor='orange'" style="float:left;"> <DIV id="orange" style="width:25px;height:25px;background-color:orange;"></DIV></a>
<a href="#" onclick="document.bgColor='black'" style="float:left;"> <DIV id="black" style="width:25px;height:25px;background-color:black;"></DIV></a>
<a href="#" onclick="document.bgColor='white'" style="float:left;"> <DIV id="white" style="width:25px;height:25px;background-color:white;"></DIV></a>
<a href="#" onclick="document.bgColor='red'" style="float:left;"> <DIV id="red" style="width:25px;height:25px;background-color:red;"></DIV></a>
</DIV>
</body>
</html>
<body>
<DIV ID="colorchanges">
<a href="#" onclick="document.bgColor='#FFCCCC'" style="float:left;"><DIV id="pink" style="width:25px;height:25px;background-color:#FFCCCC;"></DIV></a>
<a href="#" onclick="document.bgColor='#A0CFEC'" style="float:left;"><DIV id="blue" style="width:25px;height:25px;background-color:#A0CFEC;"></DIV></a>
<a href="#" onclick="document.bgColor='green'" style="float:left;"> <DIV id="green" style="width:25px;height:25px;background-color:green;"></DIV></a>
<a href="#" onclick="document.bgColor='orange'" style="float:left;"> <DIV id="orange" style="width:25px;height:25px;background-color:orange;"></DIV></a>
<a href="#" onclick="document.bgColor='black'" style="float:left;"> <DIV id="black" style="width:25px;height:25px;background-color:black;"></DIV></a>
<a href="#" onclick="document.bgColor='white'" style="float:left;"> <DIV id="white" style="width:25px;height:25px;background-color:white;"></DIV></a>
<a href="#" onclick="document.bgColor='red'" style="float:left;"> <DIV id="red" style="width:25px;height:25px;background-color:red;"></DIV></a>
</DIV>
</body>
</html>
Geweldig, dankjewel Mark. Ik heb er zolang mee lopen spelen en ik zag het gewoon niet meer. Thanks, je hebt het opgelost inderdaad.




