Image source with onClick event

fbloggs · Jun 1, 2001

I have following form, with an Image submit button:

<FORM name="orderinf" ACTION=ONCLICK.pgm method=GET>
<input type=hidden name="TASK" value="initial Value">
Type starting date:  <input type=text name="inpdate" value=" " size=10> (MMDDYYYY Format)
<INPUT align=bottom border=0 height=27 src="/websmart/images/parashoppingtxt.gif" type=image width=20 onclick="document.orderinf.TASK.value='DUMMY';">
</FORM>

I expect the value for hidden field TASK to change to DUMMY, but it does not. It remains 'initial Value'. What am I doing wrong ?

Thanks for any help.

Klae · Jun 2, 2001

Although I have never tried this or troubleshooted this my first idea to try is to use "innerHTML" property. (IE ONLY solution at the moment but if it works it can be adapted). I assume you get "initial Value" when the form is processed by the action designated, yes? I think although your javascript seems to update the value when the form is submitted, only the hard-coded value ("initial Value&quot

is submitted, so try this...

Inbetween your <HEAD> and </HEAD> tags insert this:-

<script language="JavaScript">
function writeHiddenField()
{
document.orderinf.innerHTML += "<input type=hidden name='TASK' value='DUMMY'>";
}
</script>

Then replace your FORM code with this:-

<FORM name="orderinf" ACTION=ONCLICK.pgm method=GET>
Type starting date: <input type=text name="inpdate" value=" " size=10> (MMDDYYYY Format)
<INPUT align=bottom border=0 height=27 src="/websmart/images/parashoppingtxt.gif" type=image width=20 onclick="writeHiddenField();">
</FORM>

Remember, this is untested by me so likely to fail, I will try it my self when I get the time but if you try it and then come back here with the error I will try and suggest something else. Hey it might even work

Klae

You're only as good as your last answer!

CFtaxtron · Jun 2, 2001

I have tested your code by adding an alert to the end of the onclick and I see that the value is getting changed to DUMMY, try it and see what you get.

onclick="document.orderinf.TASK.value='DUMMY';alert(document.orderinf.TASK.value);"

Tim

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Image source with onClick event

fbloggs

Programmer

Klae

Programmer

CFtaxtron

Programmer

Similar threads

Part and Inventory Search

Sponsor