To bad we still have to make an effort to fix that broken piece of #($&*#$ browser ,but your solutions is great, and makes it behave just as all proper browsers.

But you made my daY !

Here is my final workaround (IE6, IE7). You need to insert the objet in the elements, and then re-affect the name. This seems to record the iframe

- frame = createElement(‘iframe’
- frame.id = “my_new_frame”;
– frame.name = ” my_new_frame”;
- insert element in the document
– (the iframe is known as a document element), re-set the name:

if (document.frames) {
document.frames['my_new_frame'].name = “my_new_frame”;
}

Thank u very very much…

try
{
window.frames['upload_iframe'].name=”upload_iframe”;
window.frames['upload_iframe'].id=”upload_iframe”;
}
catch (e) {}

I’m using jQuery to generate iframe tag, and I’ve tried to use attr(‘name’, iframe_id), but I had a problem described in this post.

Now I’m using
var iframe = $(“”);

And it works in IE fine, thank you maaaan for help me to resolve this problem.

I used compact solution for this hole, but it was not working for IE7. Every time when I was trying to upload, new popup was adding and uploading goes there. After I read your comments and changed scripts, but now processing don’t works on IE7 too. Now page just redirects to action page in same frame.

Here is script:

/**
*
* AJAX IFRAME METHOD (AIM)
* http://www.webtoolkit.info/
*
**/

AIM = {
frame : function(c) {
var n = ‘f’ + Math.floor(Math.random() * 99999);

var i;
try {
i = document.createElement(”);
} catch (ex) {
i = document.createElement(‘iframe’);
}

i.onload = function() {
AIM.loaded(n);
}

i.id = n;
i.name = n;
i.width = 0;
i.height = 0;
i.marginHeight = 0;
i.marginWidth = 0;

document.body.insertBefore(i, document.body.firstChild);

if (c && typeof(c.onComplete) == ‘function’) {
i.onComplete = c.onComplete;
}
return n;
},
form : function(f, name) {
f.setAttribute(‘target’, name);
},
submit : function(f, c) {
AIM.form(f, AIM.frame(c));
if (c && typeof(c.onStart) == ‘function’) {
return c.onStart();
} else {
return true;
}
},
loaded : function(id) {
var i = document.getElementById(id);
if (i.contentDocument) {
var d = i.contentDocument;
} else if (i.contentWindow) {
var d = i.contentWindow.document;
} else {
var d = window.frames[id].document;
}
if (d.location.href == “about:blank”) {
return;
}
if (typeof(i.onComplete) == ‘function’) {
i.onComplete(d.body.innerHTML);
}
}
}

Can you help me here?

Thanks,
Gevorg

By the way, if anyone wonders what the official standard has to say about this, check this document: http://www.w3.org/TR/DOM-Level-2-HTML/

Page 60 in the pdf version clearly states that HTMLIFrameElement.name should not be readonly.

body.innerHTML = “” + body.innerHTML;

This approach would work across browsers, so there would be no need for the try/catch statement. Note though that the iframe needs to be created before the target property of the form is set.

A friend of mine asked me how to create an iframe in a dynamic way…. well i told him it was possible based on the “standard” procedure:

var iframe = document.createElemement (‘iframe’);
iframe.name =”iframeName”;

He told me it wasn’t working and i said:
WTF?!?

if i do it width every element, why not with an iframe?!

well, because of IE…

How stupid of me! :) expecting IE to behave in a constant way!

Thank you!

Thank you very much

Tuan

It works like charm.

Do you know how to dynamically create form and submit it to that iframe.

Actually i got it work in FF. But it goes crazy with IE. It seems the file in the form not able to uploaded to server.

Thanks,
Tuan

You are an actual genius, I’m so glad it came near the top in my google – ing.

Dan

This is why i love the web too :-)