Post via hidden input types & javascript won't work...

b. hotting · Jan 13, 2006

Hi,

I don't see why this won't work,
it are 3 links, the last one (a get) does work, but the first 2 won't.
i would like to use a post, through hidden input types
any idea?
thanks for your help!
bjorn

<HTML>
<HEAD>
<TITLE>testing...</TITLE>

<script language="Javascript">

function fAction(MachineID5, ImageFile5)
{
theForm.MachineID.value = MachineID5;
theForm.ImageFile.value = ImageFile5;
theForm.submit());
}
</script>
</HEAD>
<BODY bgcolor="#98D0F8">
<form action="bbb.php" name="theForm" id="theForm" method="post"
TARGET="right">
<input type="hidden" id="MachineID" name="MachineID">
<input type="hidden" id="ImageFile" name="ImageFile">

<A href="javascript:fAction('1','AAA.jpg');">Link to AAA</A><br>

<A href="#" onClick="javascript:fAction(6,'image/BBB.jpg');">Link to
BBB</A><br>

<A href="bbb.php?MachineID=13&ImageFile='image.jpg'" TARGET="right">Link
test</A><br>

</form>

</BODY>
</HTML>

Bart Van der Donck · Jan 13, 2006

b. hotting said:
I don't see why this won't work,
it are 3 links, the last one (a get) does work, but the first 2 won't.
i would like to use a post, through hidden input types
any idea?

[...]
<script language="Javascript">
function fAction(MachineID5, ImageFile5)
{
theForm.MachineID.value = MachineID5;
theForm.ImageFile.value = ImageFile5;
theForm.submit());
}
</script>
[...]

theForm.submit());

should be

theForm.submit();

(syntax error, two brackets)

Hope this helps,

b. hotting · Jan 13, 2006

still doesn't work ;-((

hoped that would do it but it seems its not the only error ;-)

Bart Van der Donck said:
b. hotting said:

I don't see why this won't work,
it are 3 links, the last one (a get) does work, but the first 2 won't.
i would like to use a post, through hidden input types
any idea?

[...]
<script language="Javascript">
function fAction(MachineID5, ImageFile5)
{
theForm.MachineID.value = MachineID5;
theForm.ImageFile.value = ImageFile5;
theForm.submit());
}
</script>
[...]

Click to expand...

theForm.submit());

should be

theForm.submit();

(syntax error, two brackets)

Hope this helps,

web.dev · Jan 13, 2006

b. hotting said:
<script language="Javascript">

The language attribute is deprecated use the type attribute instead:

theForm.MachineID.value = MachineID5;
theForm.ImageFile.value = ImageFile5;

Just a matter of personal preference, I like to use the square bracket
notation:

document.forms["theForm"].elements["MachineID"].value = MachineID5;
document.forms["theForm"].elements["ImageFile"].value = ImageFile5;

theForm.submit());

You have an extra closing parenthesis. You could also try:

document.form["theForm"].submit();

<A href="javascript:fAction('1','AAA.jpg');">Link to AAA</A>

The use of pseudo javascript protocol is highly frowned upon. Try at
least using the onclick event handler:

<A href="#" onClick="javascript:fAction(6,'image/BBB.jpg');">Link to BBB</A>

The pseudo javascript protocol has no place in the event handler,
remove it:

<a href = "#" onclick = "fAction(6, 'image/BBB.jpg');">Link to BBB</a>

In the above two links, you'll most likely want to return false so that
link won't get followed. You should also note, for a graceful
degradation, you should provide an actual link, in case the user has
javascript disabled.

<A href="bbb.php?MachineID=13&ImageFile='image.jpg'" TARGET="right">Link
test</A><br>

It seems to me that this link doesn't even need to be within the form,
since you're not submitting the form with this anyway.

Lee · Jan 13, 2006

b. hotting said:

Hi,

I don't see why this won't work,
it are 3 links, the last one (a get) does work, but the first 2 won't.
i would like to use a post, through hidden input types
any idea?
thanks for your help!
bjorn

<HTML>
<HEAD>
<TITLE>testing...</TITLE>

<script language="Javascript">

should be:

function fAction(MachineID5, ImageFile5)
{
theForm.MachineID.value = MachineID5;
theForm.ImageFile.value = ImageFile5;
theForm.submit());

Don't refer to a form simply by its name or id.
That doesn't work in most browsers.

document.theForm.MachineID.value = MachineID5;

or better, pass a reference to the form into the function.

}
</script>
</HEAD>
<BODY bgcolor="#98D0F8">
<form action="bbb.php" name="theForm" id="theForm" method="post"
TARGET="right">
<input type="hidden" id="MachineID" name="MachineID">
<input type="hidden" id="ImageFile" name="ImageFile">

<A href="javascript:fAction('1','AAA.jpg');">Link to AAA</A><br>

<A href="#" onClick="javascript:fAction(6,'image/BBB.jpg');">Link to
BBB</A><br>

Don't abuse the javascript: pseudo-protocol.
Don't submit a form via link without good reason.
Use a normal submit button and set your hidden values in the
onsubmit handler:

<form action="bbb.php"
name="theForm"
method="post"
target="right"
onsubmit="fAction(this,'1','AAA.jpg')">
<input ...>
<input ...>
<input type="submit" value="AAA">
</form>

function fAction(f,MachineID5, ImageFile5) {
f.MachineID.value = MachineID5;
f.ImageFile.value = ImageFile5;
}

Thomas 'PointedEars' Lahn · Jan 13, 2006

web.dev said:
b. hotting said:

theForm.MachineID.value = MachineID5;
theForm.ImageFile.value = ImageFile5;

Click to expand...

Just a matter of personal preference, I like to use the square bracket
notation:

document.forms["theForm"].elements["MachineID"].value = MachineID5;
document.forms["theForm"].elements["ImageFile"].value = ImageFile5;

It is not only a matter of personal preference. The latter (yours) is
the standards compliant approach, the former is the proprietary one.

theForm.submit());

Click to expand...

You have an extra closing parenthesis. You could also try:

document.form["theForm"].submit();

document.form_s_, as above.

PointedEars

javabuddha · Jan 13, 2006

Ran into the same problem a while back, tried a few combinations and
finally got it to work on IE and firefox. Check out:

http://www.suckingfish.com/view.do?crumb_id=dsid_1104

Good luck,

Matt

b. hotting · Jan 14, 2006

Thanks guys!
Really appreciated!

Survey details won't go through using php, ajax, Mysql	0	Oct 26, 2023
When draggable=false & draggable=true dont work ?	1	Jan 14, 2023
All CRUD operations work except POST. Why?	2	May 28, 2023
Check forms With JavaScript	1	Mar 28, 2023
Canvas drawing HTML Javascript on elementor	1	Feb 22, 2023
Help with code	0	Jun 12, 2022
JavaScript code not working!!	6	Jun 13, 2023
Javascript DOM	1	Mar 29, 2023

Post via hidden input types & javascript won't work...

b. hotting

Bart Van der Donck

b. hotting

web.dev

Lee

Thomas 'PointedEars' Lahn

javabuddha

b. hotting

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads