[thelist] Strange FF Behavior
Ken Chase
raskenbo at gmail.com
Wed Jul 27 06:04:21 CDT 2005
On 7/27/05, Burhan Khalid <thelist at meidomus.com> wrote:
> Hello All:
>
> I'm using some Ajax-like magic in one of my forms. I have a link
> that toggles the display of a div. In this div, there is a button that
> triggers the javascript -- all this is encapsulated in another form.
>
> Everything works as expected in IE, but in FF, the button in the
> hidden div triggers a submit of the parent form, not the expected behavior.
>
> A very simple version of the form is :
>
> <form method="post" action="somefile.php">
> <input type="text" name="somename" />
> <input type="text" name="someothername" />
> <input type="text" disabled="disabled" name="status" id="status" />
>
> <span onclick="toggle()">toggle</span>
> <div id="toggle-div">
> <input type="text" name="t-text">
> <button id="updatebtn" onclick="dorequest()">Go</button>
> </div>
> <input type="submit" name="submit" value="Submit" />
> </form>
>
> Initially, toggle-div is hidden (display:none), and toggle() unhides
> it. Then dorequest() takes the value of t-text and passes it to the
> javascript function that does the remoting. When a response is
> returned, toggle-div is hidden, and then "status" is updated with the
> response.
>
> In IE, this works great, in FF, when I hit the Go button, then entire
> form is submit, as if I clicked on Submit.
>
> Can anyone give me some pointers here? I have checked my Javascript
> about 5 times, and it works great in both browsers with a simple form,
> but as soon as I 'nest' them (as above), FF starts acting up. Using the
> latest FF and IE on Windows.
>
> Thanks,
> Burhan
A shot in the dark...
Are you using the following at the end of said function to prevent the
form from submitting?
return false;
Ken Chase
Freelance Web Design
http://www.kenchase.com
More information about the thelist
mailing list