Need help with Firefox iframe, jsp, form submit issue

bmachine · February 16th, 2006, 02:19 PM

OK well, heres our problem. We (my coworker and I) are trying to get our legacy code to be Firefox compatible. So in this code there is a js file we are including in the main page and on the login submit we call the following method

Code:

var s= '<iframe src="/getEnvVariables.jsp" style="display:none"></iframe>';
document.body.insertAdjacentHTML("beforeEnd",s);

I got the insertAdjacentHTML method working and I also tried to make things work with the iframe directly on the main page.
Now the getEnvVariables page does load in firefox(both ways), but the form on that page won't submit in firefox unless we start the browser on getEnvVariables.jsp This is not an option though because the username and password entered are on the main page and are submitted from a form there, which getEnvironmentVariables collects in its form and then tries to submit. Here is the form code there:

Code:

<form id="varForm" action="/setEnvVariables.jsp" method="post">
<input type="hidden" name="javaEnabled" value=""/>
......etc
</form>

and down below

Code:

document.forms['varForm'].elements['javaEnabled'].value = javaEnabled;
..etc...
 
document.forms['varForm'].submit();

I've checked with alerts and the data is correctly being assigned in the form elements and it is getting past the submit statement without throwing any scripting error to Firefox's console. I'm wondering if anyone has seen anything like this or has suggestions. -bmachine

raul · February 26th, 2007, 12:30 PM

The same problem, I've encountered: submitting a form into a dynamically created IFRAME: FireFox and Opera worked perfect but IE not! :mad: After 1 day of debugging, I founded that , following solution works:

Code:

  var iFrameID  = 'ID1'; var myIFrame = document.createElement('iframe');  myIFrame.setAttribute('src', 'about:blank'); myIFrame.setAttribute('id', iFrameID); myIFrame.setAttribute('NAME', iFrameID); myIFrame.style.display = 'none'; document.body.appendChild(myIFrame); if(self.frames[iFrameID].name != iFrameID) { /* *** IMPORTANT: This is a BUG FIX for Internet Explorer *** */ self.frames[iFrameID].name = iFrameID; }

Meanning that AFTER the iframe is created, it should be checked that self.frames[iFrameID].name is equal with iFrameID No DIV, nothing else more! That's all!

The problem was encountered and resolved by me during myAJAX development

bmachine · February 26th, 2007, 02:27 PM

Thanks a bunch, that is good to know for the future. Hopefully I can return the favor some day -bmachine

raul · February 26th, 2007, 05:41 PM

You are welcome!

raul · March 14th, 2007, 04:01 PM

PS:

After some more debugging (for my project) , I found another functional solution.
I'll paste here a part of the code

Code:

  try 
        { /* IE specific */ 
         iFrame = document.createElement('<iframe id="' + newiFrameID + '" name="' + newiFrameID + '" src="about:blank" style="display: none; width: 0px; height: 0px; border: none;" myAJAXInnerHtmlId="' + InnerHtmlId + '"></iframe>');  
         if(iFrame.nodeName.toUpperCase() == 'IFRAME') { document.body.appendChild(iFrame); }
         else { throw new Error('`createElement` error.'); }
        }
     catch(e)
        {
         try
                { 
                 iFrame = document.createElement('iframe'); 
                 iFrame.setAttribute('src', 'about:blank');
                 iFrame.style.display = 'none';
                 iFrame.style.width   = '0px';
                 iFrame.style.height  = '0px';
                 iFrame.style.border  = 'none';
                 iFrame.setAttribute('id', newiFrameID);
                 iFrame.setAttribute('name', newiFrameID);
                 iFrame.setAttribute('myAJAXInnerHtmlId', InnerHtmlId);
                 document.body.appendChild(iFrame);
                 
                 if(self.frames.length == 0) 
                        { 
                         try { document.body.removeChild(iFrame); } catch(e) { }
                         throw new Error('`createElement` error.'); 
                        }
                }
}

The code is self-explanatory!