javascript submit PhP variables

leatherback

Hi All,

I am trying to build a page where an image map is used to submit a form, which is then processed. But the location on the imagemap has to be used as well (Of course...!).

I am using javascript: TheForm.submit() to submit my form to a PhP page (form method="post" action="page.php").

Is it at all possible to add an other variable to the submit function? Something like TheForm.submit()?ImageArea=1 or something?
Anybody any ideas on how to solve this?

I am completely stuck here..

Cheers,

ir4z0r

I'd rather use a simple javascript-link instead of a form

onClick="javascript:window.location.href = 'next.php?area=5';"

not sure if this works, but worth a try

leatherback

Hi ir4z0r ,

Thanks for your reply,

Yeah,
I would, if I could. But this is part of a larger form, which I want to be submitted either by a button, or by making a final selection from an image. So I need the form, and I need the submit in there..

ir4z0r

quite bad in js, but you could read all values from the input fields
and create a query like this:
...href='next.php?field1=bla&field2=dooh&f3=...'

another idea: if you can read fields you can write to them, can't you?
use a hidden field, which you fill with js, and afterwards you submit()

leatherback

Hm..

Wouldn't that require a reload of the page? I mean.. That is the last alternative.. Reload the page after each field is filled out. But I really don't want to do this. Or.. Is there a way to create this query without reloading the page halfway through?

How would you go about getting the values from the form (Must admit.. This is one of the first times I actually try to work with javascript. Have rewritten existing things before, but never anything with forms. I really need some help I am afraid..?

Would that be something like:
ref=next.php?input1=form.input1.value&input2=..">
Would that work?
??

Thanks!?

ir4z0r

reloading is not necessary I think, cause there's an eventhandler
onSubmit="..." which is normally used to check form fields whether
they are valid, hence it's often used

(if you can speak or at least read german, visit
http://selfhtml.teamone.de for an excellent tut on html, js etc)

an example from SelfHTML:

<html><head><title>Test</title>
<script type="text/javascript">
<!--
function CheckInput() {
 for(i=0; i<document.forms[0].elements.length; ++i)
  if(document.forms[0].elements[i].value == "")  {
    alert("Not all fields have been filled!");
        document.forms[0].elements[i].focus();
        return false;
   }
  return true;
}
//-->
</script>
</head><body>
<form action="onsubmit.htm" onSubmit="return CheckInput();">
Feld 1: <input size="30"><br>
Feld 2: <input size="30"><br>
Feld 3: <input size="30"><br>
<input type="submit">
</form>
</body></html>