javascript changing other frames background color

can anyone help please

i have 4 frames on my page. in one of my frames i have designed a background modificator you select a color from the selection list and when the button to change color is clicked it changes to the selected color. What im now trying to do is add an extra option in where the user can select which frame to change the background too. this is where ive come to a problem does anyone have a solution ?

many thanks

To change the current page



To change a frame you have to reference the frame name

<form>
Change
<select name="frame">
<option value="self">This</option>
<option value="left">Left</option>
<option value="right">Right</option>
<option value="bottom">Bottom</option>
</select> frame to
<select name="colors">
<option value="tan">Tan</option>
<option value="olive">Olive</option>
<option value="coral">Coral</option>
<option value="peru">Peru</option>
<option value="orange">Orange</option>
</select> background
<input type="button" value="now" onclick="docolor(frame,colors)">
</form>

function docolor(frame_sel, color_sel) {
var frame = frame_sel.options[frame_sel.selectedIndex].value;
var color = color_sel.options[color_sel.selectedIndex].value;
var obj = (frame == 'self') ? window : top;
obj[frame].document.body.style.background = color;
}

This assumes frames named 'left', 'right', 'bottom', and the one the code is written into. Untested.