[thelist] Strange FF Behavior

Burhan Khalid thelist at meidomus.com
Wed Jul 27 05:47:10 CDT 2005

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>
   <input type="submit" name="submit" value="Submit" />

   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 

   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.


More information about the thelist mailing list