<html>
<table width="10" border="2">
<tr>
<td>HOI
<script type="text/javascript">
<!--//
function changebgimage(which){
var bgImage = new Array();
bgImage[0] = '/img/tree.PNG';
bgImage[1] = '/img/gras/gras.PNG';
bgImage[2] = '/img/gras/gras_left.PNG';
bgImage[3] = '/img/gras/gras_right.PNG';
document.body.style.background = 'url('+bgImage[which]+')';
//-->
}
</script>
</td>
</tr>
</table>
<form name="form9">
<select onchange="changebgimage(this.selectedIndex)">
<option>Boom</option>
<option>gras</option>
<option>grasL</option>
<option>grasR</option>
</select>
</form>
</html>
Wat hij nu doet is, hij laat de Table zien met HOI erin en de Select box.
als ik nu op een optie klik bijv. Gras dan veranderd de HELE achtergrond, ipv. de Table's zijn achtergrond.
Wat de bedoeling van deze script is, is dat wanneer ik Bijv. op Boom klik dat de achtergrond van de <TD> veranderd naar die achtergrond.
Wat ik uiteindelijk hiermee wil bereiken is, ong. 10 bij 10 table's vakjes zijn.
ieder vakje zijn eigen Select box. is dit mogelijk?
Dus bijv. als ik als table 1 rij van 5 vakjes heb. en in de Select box1 Gras aanklik dat in vakje 1 achtergrond Gras.PNG wordt. en bij Select box2 hetzelfde naar Vakjes 2 etc.
is dit mogelijk, help aub!
1.117 views