Trouble submitting a form placed in a span filled dynamically by an iframe

[erobinso]

I have a page that makes use of a tiny/hidden IFRAME that becomes triggered to load HTML into a SPAN element (via .innerHTML). The SPAN expands to display a form that then needs to be validated with javascript residing in the main window before submitting. I use an onclick from a button below the form to start the validation and submission.

The page works fine in IE, but in FireFox I just can't get it to submit - the FireBug debugger states:

document.forms. um has no properties
checkMessage(un defined)functio ns.pl (line 129)
onclick(click clientX=0, clientY=0)

when I use document.forms["um"].submit();.

It doesn't work with document.um.sub mit() either, nor document.getEle mentById['um'].submit() or document.getEle mentById('um'). submit().

How can I fix this? What does "click clientX=0 clientY=0" have to do with anything (it's nowhere in my code)? The Mozilla javascript reference says to use the forms["um"].submit() version.

Much appreciated!
Evan

[pbmods]

Heya, erobinso. Welcome to TSDN!

document.forms. um has no properties
checkMessage(un defined)functio ns.pl (line 129)
onclick(click clientX=0, clientY=0)

This is likely because document.forms. um doesn't exist (for whatever reason) when you call document.forms['um'].submit();

To test this, try inserting this line before you submit the form:

alert(document.forms['um']);
 

[erobinso]

Thanks for the welcome! I tested adding the alert(document. frames['um']); both outside of the span (as a button) and within (in the verification script before submit instruction):

In IE, before the span is filled it pops up 'undefined' but after it is filled with the form, it pops up '[object]'.

In Firefox, both before and after, Firebug reports 'document.frame s has no properties' with 'onclick (click clientX=0 clientY=0)' below it. No alert pops up.

So IE seems to see it, but not Firefox!

[erobinso]

Cool, I totally solved it by funneling the form data through a URL directed at the IFRAME for a sweet asynchronous response - no form submitting and page reloading required!