By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
460,035 Members | 944 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 460,035 IT Pros & Developers. It's quick & easy.

DOM problem in Mozilla

P: n/a
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

Jul 19 '06 #1
Share this Question
Share on Google+
2 Replies


P: n/a

sandipm написав:
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.

Jul 19 '06 #2

P: n/a

marss написав:
sandipm написав:
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";

Jul 19 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.