(Solved) Kleuren wijzigen FireFox
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
Excuses, hij is aangepast. Bedankt voor de opmerking.
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.