Preserved Topic: submitting form (Page 1 of 1)

I have a form, that when submitted (either 'enter' or clicking on 'submit') goes to a page who's URL is assembled via javascript. Such as...

<form method="post" action="" name="blah" onsubmit="location='/stats/' + blah.zip.value + '/';">
<input name="zip" type="text" />
<input type="button" value="Submit" />
</form>

There is a problem with this method. It is that while the destination page is correct, it doesn't change the URL in the IE address bar (which is quite strange). Is this the best method for pulling this off? I *REALLY* need to assemble the URL like this, and can't really set hidden values.

Ideas?

//---------------------------------------------------------------------------------
function makeFormGo(pObjForm) {
window.location = '/stats/' + pObjForm.zip.value + '/';
}

action="javascript:makeFormGo(this);" //pass ~this~ pointer to omit "name" attribute


//I think you can write it inline like this... but I didn't check, sorry.----------

action="javascript:window.location = '/stats/' + this.zip.value + '/';"

//---------------------------------------------------------------------------------


???

That's the best I can do. It's late.

[edit]Why. Why am I, "Neurotic" anyhow. Was this just a ramdom selection?[/edit]

[This message has been edited by Rooster (edited 11-13-2002).]

there are varying levels of sanity in this asylum.... and no, being a Rooster does not save you from this grading scheme.

Hmz, that reminds me of the good old times when I used to generate HTML-forms.

Like already posted, javascript can change your url properly. What you're doing right now, is changing the location without changing the href. I thought that was impossible, but obviously you're browser does understand it partly. I think the word 'partly' is your current problem .

It might be interesting that you can submit a from through js, using "formName.submit()".
That way you don't have to use an event handler like "formName.onSubmit", and you aren't bound to the dull old submit-button.

I'd say:

<a href="javascript:submitMyForm()">Submit-link</a>

function submitMyForm(){
document.getElementById('formName').submit();
location.href = 'www.whatever.com';
}

Nevel:

When you use ~location~ by itself it defaults to ~location.href~

But I'm not sure how long it's been that way?

Hmmm....

test page

In the SEARCH OTHER ZIP CODES form, enter any Michigan zip code, such as 48043. Press ENTER or click SUBMIT, and you'll go to the stats for that page, yet the address bar stays the same.

Here's what I'm using:
<script type="text/javascript" language="javascript">
function goto(zippy){
alert(zippy);
if (zippy != ""){
document.location.href='/stats/' + zippy + '/';
document.getElementById('zipsearch').submit();
}
}
</script>
<form name="zipsearch" method="post" action="" style="margin-top: 0px;" onsubmit="goto(zipsearch.zip.value);">

http://homefiredesign.com/zipsearch.htm


Maybe?

I seriously didn't know you could use a javascript call in the ACTION part of a form. That's cool - and it works! Thanks!

Anytime.