Invisible submit button with image rollover

Question

I have a need to combine a rollover image with a form submit
button. I need the submit button to not be visible except for those
that know where to look.
I have a database query that displays rows of data. Each row
has a checkbox to select that item, so the data table is in a form;
the checkbox is a cfinput. In order to pass the parameters of the
checked items, a submit button must be used to submit the form
values.
My need is for the submit button to be the rollover image.
Only users that know where to find the rollover image will be able
to submit the list of checked form values. "Regular" users
shouldn't be in that area of the screen.
So, a combined rollover image submit button is needed.
Ideas? Thanks...Rick...

Answer 1

document.yourformname.submit didn't work.
But then discovered that the href value needs to be empty (or
"#") to work. This code works: (rollover images with the submit()
code):
<a href="#"
onClick="javascript:submit()"
onmouseover="MM_swapImage('Image9','','images/change-meeting-date.png',1)"
onmouseout="MM_swapImgRestore()">
<img src="images/blank-hidden-area.png"
name="Image9"
width="111"
height="11"
border="0"
id="Image9" />
</a>
When, in DW, you add the rollover image, you need to leave
the href value empty. I suppose that lets the submit button use the
<cfform action...> value as the results page, letting the
form values pass to the results page.
Now, the next step is to have two different rollover images
with submits() that point to two different result pages, while
still using one cfform. (Two submits in one form, each submit
pointing to a different results page.)
...Rick...