I have inside the <head> of the parent document:

<script type="text/javascript">
function openColorPicker(targetField){
var w = window.open('WriteTable.html','color_popup','width=400,height=450,scrollbars=0');
w.targetField = targetField; //create target field variable in popup window with the passed targetField as value
w.focus();
return false;
}

//callback function
function setTargetField(targetField, color){
if (targetField){
targetField.value = color;
}
window.focus();
}
</script>

Inside the body of the parent document I have:

<br><input name="bgcolorbox" type="text" class="colorbox" maxlength="6" onChange="setColors()" readonly="readonly"><br \>
<a href="" onclick="return openColorPicker(document.theForm.bgcolorbox)">change color</a><br />
<br>&nbsp;
<br>Font color:
<br><input name="fontcolorbox" type="text" class="colorbox" maxlength="6" onChange="setColors()" readonly="readonly"><br \>
<a href="" onclick="return openColorPicker(document.theForm.fontcolorbox)">change color</a><br />

<br><input type="submit" value="Set Colors" class="subtn">

Then inside of the popup I have:
<script type="text/javascript">
function setColor(color)
{
if (opener && !opener.closed && opener.setTargetField)
{
opener.setTargetField(targetField, color.toUpperCase());

}
window.close();
}
</script>

The popup color picker works great with Firefox, but not at all with Internet Explorer. I would like to eliminate the submit button and have the event changes take place at the onclick for the popup. Can somebody point me in the right direction for this? Thanks in advance for any assistance.