Need help with Firefox iframe, jsp, form submit issue

bmachine · #1 Feb 16th, 2006, 18:19

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: Select all

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: Select all

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

and down below

Code: Select all

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 · #2 Feb 26th, 2007, 16:30

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: Select all

  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 · #3 Feb 26th, 2007, 18:27

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

raul · #4 Feb 26th, 2007, 21:41

You are welcome!

raul · #5 Mar 14th, 2007, 19:01

PS:

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

Code: Select all

  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!

LinkBacks (?) LinkBack to this Thread: http://webforumz.com/other-programming-languages/5356-need-help-with-firefox-iframe-jsp.htm
Posted By	For	Type	Date
document form submit	This thread	Refback	Sep 28th, 2006 21:46

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
form variable within an iframe component of a form	kissfreaque	PHP Forum	3	Feb 29th, 2008 13:06
form variable within an iframe component of a form	kissfreaque	JavaScript Forum	5	Feb 29th, 2008 11:57
submit() in iframe trouble	ddprogrammer	JavaScript Forum	3	Nov 5th, 2007 10:34
Firefox iframe problem	Kropotkin	Web Page Design	6	Oct 15th, 2007 20:30
submit many forms - auto submit the same form many times	divs	JavaScript Forum	0	May 24th, 2007 10:10

		Webforumz.com > Main Forums > Program Your Website > Other Programming Languages
Need help with Firefox iframe, jsp, form submit issue