yammaski
Gebruiker
- Lid geworden
- 9 mrt 2005
- Berichten
- 284
Er zit een foutje in mijn code, maar kan het maar niet vinden !
De bedoeling is dat de kleurnaam gewisseld wordt met de hexcode van de kleur. De option value moet "tekst" blijven omdat ik deze nodig heb voor verdere bewerkingen.
Met "Black" en "Turquoise" doet hij het wel, omdat deze kleurnamen herkend worden.
De bedoeling is dat de kleurnaam gewisseld wordt met de hexcode van de kleur. De option value moet "tekst" blijven omdat ik deze nodig heb voor verdere bewerkingen.
Met "Black" en "Turquoise" doet hij het wel, omdat deze kleurnamen herkend worden.
Code:
<script type="text/javascript">
switch (color) {
case 'Black':
color='#000000';
break;
case 'Turquoise':
color='#009B97';
break;
case 'Light Red':
color='#CB1703';
break;
case 'Telemagenta':
color='#C02C6E';
break;
}
</script>
<style type="text/css">
#result {
color: red;
font-family: arial;
width: 400px;
height: 50px;
font-size: 250%;
text-align: center;
border: 1px solid #ccc;
background-position: -4px -4px;
}
</style>
</head>
<body>
<form action="#">
<label>Color: <select name="color" onchange="document.getElementById('result').style.color = this.value;">
<option value="Light Red">Light Red</option>
<option value="Turquoise">Turquoise</option>
<option value="Black">Black</option>
<option value="Telemagenta">Telemagenta</option>
</select></label>
</form>
<div id="result">
Your Text Here
</div>
</body>
