Basic JS Form prob...

[Mutley]

I have this code:

 

    <form action="" method="post">
        <div id="map"></div>
        Please enter an address: <input name="search" id="search" size="40" onKeyPress="if(entered(event)){LS(this.value,fetch)}">
        <input type="hidden" name="type" value="<?=$_GET['type']?>">
        <input type="text" name="latitude" id="latitude">
        <input type="text" name="longitude" id="longitude">
        <input type="text" name="zoom" id="zoom">
    </form>

 

It works with Google Maps, so it finds the location on the map using javascript.

 

The problem I have, is I want to add 2 buttons.

 

Instead of having to hit 'return' on your keyboard, I'd like 1 button that finds the location using the javascript (so I guess I can alter the onKeyPress to a button or something?).

 

And another button that actually submits the form for PHP.

 

It needs to be in the same form, so the 2 buttons can't conflict. At the moment, adding a submit button, stops the javascript from working, as when you hit return on your keyboard, it submits the form instead of running the javascript, that's why I want 2 separate buttons and remove the pressing return ability.

 

Thanks in advance,

Nick.

[.josh]

make a normal link. style it to look like a button.  Or wrap a link tag around an image, however you want the "button" to look.  Put the javascript call in the onclick of the link.

[Mutley]

Not great with JS, this works:

 

onClick="LS(search.value,fetch)"

 

Problem now is...

 

If they hit "return" on their keyboard, I want it to search using the JS, not submit the form.