FireFox issue when re-writing a form using Ajax

[awi]

Hi Everyone,

I'm facing a unique problem when testing with FireFox (at least, I think its unique). Here is the situation:

I have a page setup that looks like this:

<form id="abcForm">
<div id="abcDiv">
HTML TABLE HERE WITH FORM FIELDS AND SUCH.
</div>
<div id="someDiv">
some content and other form fields
</div>
</form>

When I use Ajax to clear then place new contents inside the <div abcForm> FireFox no longer reads the form data within this div...as if it is was erased.

Please note that other form fields that were not replaced using Ajax (for exmaple, <div someDiv> above, firefox still reads these fields just fine.

So, why would FireFox get confused when I replace part of the Form with some new fields? The div still has the same ID. All that changed is some html and form fields.

Thank you in advance for any advice
AWI

[gits]

hi ...

welcome to TSDN ...

you may use FF javascript-console to debug that problem ... or better the firebug-extension that you may download and install for it. at first have a look at the js-console and tell us if there are errors. i think there may be something wrong with the markup that you put in the div?

otherwise we would need more info ... what is exactly in the div and with what do you replace that ... what methods do you use for that?

kind regards

[pbmods]

Heya, awi. Welcome to TSDN!

I think you're a little confused. AJAX is used to send HTTP requests without leaving the current page. You use DOM methods to alter the structure of an existing page.

For more information, see this article.