"Margaret Werdermann" coded
Here's the JavaScript function:
function autoURL (realname) {
window.document.forms[0].submit();
window.location.href="http://ceridianet.ceridian.ca/applications/accreditati
on.nsf/MarkPreComplete?Openagent&test=Base Builder Pre-test &pname=" + realname;
}
You 're giving two contradicting commands here. The submit() loads whatever
url is specified as the form's action, after sending the form data to the
server. location.href just loads a different page. Can't go to two places at
the same time.
...and here's the Submit button's code:
<input type="button" value="Submit" id="feedback" name="Submit"
onclick="autoURL(document.forms[0].realname.value);">
If you specify both an id and a name for a form element, according to
standards they should be identical.
If this replaces the <input type="submit">, you end up with a form with no
submit button. That in itself may cause attempts to submit() to fail. I
suspect this is why the first line did not execute in your above function;
if the form had submitted, the second would not have run and you would not
have ended up at specified url.
The onclick event handler can be set on that button (sometimes even if it is
hidden) to add script to that specific event: clicking the submit-button.
But browsers generally allow users to submit forms by hitting the return key
in an ordinary text-input. In code, we need to tackle the onsubmit event of
the form element instead.
Like so:
<form onsubmit=" return doSomething(this); ">
<input type="text" value="type here and hit enter">
<input type="submit" style="display:none;">
</form>
This function should return either true or false (or anything that may be
interpreted as such - anything). If this function were to return false, the
form would not be submitted, the page would remain. With a return value of
true the data are sent to the server, which results in a new page being
loaded.
Like so:
function doSomething(){
return confirm('Do you want to submit the form?');
}
Or so:
function doSomething( el ){
var x=el.elements[0].value.length;
if ( x < 3 ) {
alert('At least three characters, please..');
return false;
} else {
return true;
}
}
The function can do all sorts of things before returning its value (if it
doesn't return anything, this is interpreted as true) including spawning and
closing windows. This appears to be a worst-case solution looking at what
you were trying to do. (The real problem is often not javascript but
back-end related.)
It should be clear that is makes no sense (probably results in awful
crashes) to call form.submit() in this function because it only runs when
this event is already happening. The submit() method would be useful for
initiating this process by any other means than those provided by the form
itself.
To be of more specific help, some more code would help identify the idea,
what you are actually trying to achieve, and the problem.
HTH
Ivo
