I want to submit an image button

I tried this and it does not work.

can you give us your code?

Mause

This is the code for the date field and image to select the date

         <td><input type="text" name="from" id="from" value="<cfif isdefined("form.from")>#form.from#<cfelse>#dateformat(now(), 'mm/dd/yyyy')#</cfif>" onChange="newform.submit()">                             
         <img src="../../graphics/dateBtn.gif" border="0" id="datebtn" onClick="document.newform.submit()"></td>

swartout,

The easiest thing for you to do is use one of the free javascript calendars that are out there. You can find a few different varieties at:

http://www.rainforestnet.com/datetimepicker.htm

I do not want to change the calendar I am using.  

What you should do is this:

You put a hidden input field on the first page

You select a date and enter the date in the hidden input field,
Then you submit.

Something like:

<form action="url">
<input type="hidden" name="date">
<img src="../../date.gif" onclick=" (popup code) ">
</form>

and in the pop-up you have:

<a href="##" onclick="parent.form.date.value='#date#';parent.form.submit()">

Hope this helps.

try this:

<INPUT
     TYPE=IMAGE
     SRC="../../graphics/dateBtn.gif"
     >


Mause

In that case, I'm assuming that you have the JavaScript needed for generating the calendar because that is the biggest part. The link that needs to be on each date that will supply the date value back to the main window. You can do that with something like:

<a href="javascript:winMain.document.getElementById('demo1').value='03-05-2004';;window.close();">05</a>

hhhmm thats not what you want!

Try this :

Put your image in a link and have the link do the submit:

<A HREF="javascript:document.newform.submit()"> <img src="../../graphics/dateBtn.gif" border="0" id="datebtn"></A>

In the pop-up window use a function like this one and pass it the month, day, and year or the whole date at onece.
function pickDate(m,d,y)
   {
 
   
        if (window.opener && !window.opener.closed)
          window.opener.document.formName.selectedDate.value = m + '/' + n + '/' + y;
        window.close();
      }

Then, have the hidden field submit the form by doing something like the following.
<input type="hidden" name="selectedDate" value="" onPropertyChange="formName.submit();">

i would suggest that u use the button only for popping up the calender...

when the user selects the date...
in the pop up page there will be a code that assigns the value to the window.opener.document.formname.fieldname.value

after this part of code

window.opener.document.formname.submit();
window.close();


PS: what u r doinf submitting the parent window form from the pop up itself...

Regards
Hart

Hart,

You've said it! That's why I was suggesting using any of the canned JavaScript calendar scripts. The logic is flawed and would not work except the way you suggested. The popup window *always* has to pass the value to the formfield in the main window and not submit it. I would love to find out if there is any other way to pull it off.