<html>
<head>
<title>...</title>
<script>
function changeColor(color){
var td = document.getElementById('t1');
td.style.backgroundColor = color;
}
</script>
</head>
<body>
<FORM>
<SELECT onChange="changeColor(this.options[this.selectedIndex].value)">
<!--------------------------------------------------------*
//This is one of many scripts which are available at: *
//http://www.JavaScript.nu/javascript *
//This script is FREE, but you MUST let these lines *
//remain if you use this script. *
---------------------------------------------------------->
<OPTION VALUE="#FFFFFF" SELECTED>Vit
<OPTION VALUE="#000000">Svart
<OPTION VALUE="#FFFF00">Gul
<OPTION VALUE="#FF0000">Röd
<OPTION VALUE="#0000FF">Blå
<OPTION VALUE="#33CC00">Grön
<OPTION VALUE="#00CCFF">Ljusblå
<OPTION VALUE="#FF9900">Orange
<OPTION VALUE="#0C1D64">Mörkblå
</select>
</form>
<table>
<tr>
<td id="t1" style="background-color: #ffffff;">lite text...</td>
</tr>
</table>
</body>
</html>
Frågan#1
Hej!
Hoppas nån kan hjälpa mig. Jag skulle vilja att användaren själv ska kunna byta färg i en tabell. Jag har hittat en kodsnutt som byter färg i bodyn men vet inte hur jag ska göra om den för att byta färg i tabellen istället. Jag sökte här och hittade lite kod men vet inte hur jag ska använda den.
Om det är nån som kunna visa exakt hur jag ska gå till väga hade jag blivit väldigt glad. Jag skickar med den koden jag har.
<FORM>
<SELECT onChange="document.bgColor=this.options[this.selectedIndex].value">
<!--------------------------------------------------------*
//This is one of many scripts which are available at: *
//http://www.JavaScript.nu/javascript *
//This script is FREE, but you MUST let these lines *
//remain if you use this script. *
---------------------------------------------------------->
<OPTION VALUE="#FFFFFF" SELECTED>Vit
<OPTION VALUE="#000000">Svart
<OPTION VALUE="#FFFF00">Gul
<OPTION VALUE="#FF0000">Röd
<OPTION VALUE="#0000FF">Blå
<OPTION VALUE="#33CC00">Grön
<OPTION VALUE="#00CCFF">Ljusblå
<OPTION VALUE="#FF9900">Orange
<OPTION VALUE="#0C1D64">Mörkblå
</select>
</form>