DOM problem in Mozilla

Hi all,
I am facing problem with updating form element using javascript in
MOZILLA
Details are as follows.
I have a div containing form element. on submit , i am submitting the
form using javascript-ajax and processing the form. then after
successfully processing i am replacing innerHTML of div with same
form. I am able to see same form on page after ajax update but when i
refill the form and submit it again..javascript is not able to find the
form element in HTML DOM.

This problem comes with mozilla-firefox but it works fine with IE 6

Can anybody help me with this?

Regards,
Sandip More

sandipm написав:

Quote:

Hi all,
I am facing problem with updating form element using javascript in
MOZILLA
Details are as follows.
I have a div containing form element. on submit , i am submitting the
form using javascript-ajax and processing the form. then after
successfully processing i am replacing innerHTML of div with same
form. I am able to see same form on page after ajax update but when i
refill the form and submit it again..javascript is not able to find the
form element in HTML DOM.
>
This problem comes with mozilla-firefox but it works fine with IE 6
>
Can anybody help me with this?
>
Regards,
Sandip More

Merely supposition.
Try to replace not form but only its content:

Instead of
<div id="outerDIV">
<form id="frm">
.....
</form>
</div>

try
<form id="frm">
<div id="innerDIV">
.....
</div>
</form>

and replace document.getElementById("innerDIV").innerHTML
Maybe it helps.

marss написав:

Quote:

sandipm написав:

Quote:

Hi all,
I am facing problem with updating form element using javascript in
MOZILLA
Details are as follows.
I have a div containing form element. on submit , i am submitting the
form using javascript-ajax and processing the form. then after
successfully processing i am replacing innerHTML of div with same
form. I am able to see same form on page after ajax update but when i
refill the form and submit it again..javascript is not able to find the
form element in HTML DOM.

This problem comes with mozilla-firefox but it works fine with IE 6

Can anybody help me with this?

Regards,
Sandip More

>
Merely supposition.
Try to replace not form but only its content:
>
Instead of
<div id="outerDIV">
<form id="frm">
.....
</form>
</div>
>
try
<form id="frm">
<div id="innerDIV">
.....
</div>
</form>
>
and replace document.getElementById("innerDIV").innerHTML
Maybe it helps.

Or else

var newForm=document.createElement("FORM");
......
//recreate form content
.......
newForm.style.display="none";
existingForm.parentNode.insertBefore(newForm, existingForm);
existingForm.parentNode.removeChild(existingForm);
newForm.style.display="block";

DOM problem in Mozilla

re: DOM problem in Mozilla

re: DOM problem in Mozilla

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about