Skifte farve på font og tekst?
Hej,Hvordan får jeg setColor til at skifte farve på teksten istedetfor
baggrunden på tabellen?
<script type="text/JavaScript">
function setText() {
document.getElementById("coloredTD").innerHTML = document.getElementById("tekstBoks").value;
}
function setColor(oSel) {
document.getElementById("coloredTD").style.background = oSel.value;
window.focus();
}
function setSize(oSel) {
document.getElementById("coloredTD").style.fontSize = oSel.value;
window.focus();
}
function setFamily(oSel) {
document.getElementById("coloredTD").style.fontFamily = oSel.value;
window.focus();
}
</script>
<table width="500" align="center" cellpadding="0" cellspacing="1">
<tr> <td width="0" rowspan="2">
</td>
<td width="250" height="124" align="center" background="../pictures/tshirtrod.jpg" id="coloredTD"></td>
<td><b>Skriv Tekst</b><br><input type="text" id="tekstBoks">
<button onclick="setText()">OK</button>
<p> <br>
<select style="background:#188D1B" onchange="setColor(this)">
<option style="background-color:#188D1B;" value="#188D1B">green</option>
<option style="background-color:#BB2C10;" value="#BB2C10">Red</option>
<option style="background-color:#E9F840;" value="#E9F840">yellow</option>
<option style="background-color:#223FBC;" value="#223FBC">blue</option>
</select>
<br>
<br>
<b>Font Size</b><br>
<select onchange="setSize(this)">
<option value="8px">8px</option>
<option value="10px">10px</option>
<option value="12px">12px</option>
<option value="14px">14px</option>
<option value="16px">16px</option>
<option value="18px">18px</option>
<option value="20px">20px</option>
<option value="22px">22px</option>
<option value="24px">24px</option>
<option value="26px">26px</option>
<option value="28px">28px</option>
<option value="304px">30px</option>
</select>
<br>
<br>
<b>vælg ramme</b><br>
<select onchange="setSize(this)">
<option value="6x4cm">6x4cm</option>
<option value="10x10cm">10x10cm</option>
<option value="18x13cm">18x13cm</option>
<option value="30x20cm">30x20cm</option>
</select>
