webForumDet fria alternativet

Ändra färg med listruta

JavaScriptur Javascript

2 svar · 170 visningar · startad av nille99

nille99Medlem sedan aug. 2002352 inlägg
#1

Hej
jag skulle vilja ändra bakgrundsfärgen i en cell med hjälp av en listruta.

så när jag väljer t.ex. blå så ska cellen bli blå direkt
och när jag väljer röd i listrutan så ska cellens bakgrund bli röd o.s.v.

jag har en kod som visar och gömmer "saker"
hur gör jag att den väljer en färg också


onChange="document.getElementById('farg').style.display=(this.selectedIndex==0)?'inline':'none';document.getElementById(farg').style.display=(this.selectedIndex==1)?'inline':'none';document.getElementById(farg').style.display=(this.selectedIndex==2)?'inline':'none';">
nille99Medlem sedan aug. 2002352 inlägg
#2

kan man göra något likade som

onChange="document.getElementById('logofarg').style.bgColor=this.selectedIndex==1)? '#3399CC':'none';document.getElementById'logostorlek').style.bgColor=this.selectedIndex==1)? '#FFFFFF':'none';">
jupitersMedlem sedan sep. 2002104 inlägg
#3

detta bryter väl mot diverse standarder och vissa webläsares funktionalitet men:

function farg(val) {

textref=val.options[val.selectedIndex].text;
vref=val.options[val.selectedIndex].value;
document.getElementById(textref).style.backgroundColor=vref;
}

<tr>
<td id="cell1">text1</td>
<td id="cell2">text2</td>
<td id="cell3">text3</td>
</tr>

<select onchange="farg(this)">
<option value="#864854">cell1</option>
<option value="#297854">cell2</option>
<option value="#fa5648">cell3</option>
</select>

130 ms totalt · 3 externa anrop · v20260731065814-full.29ac60f6
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)