Comments on: createElement and events, and iframe borders

By: Stuntbox – Squashing Borders on Dynamic iframes

Stuntbox – Squashing Borders on Dynamic iframes — Wed, 10 Mar 2010 05:35:50 +0000

[...] iframe borders in JavaScript” I could think of) I finally lucked out and hit upon this blog entry at FlashApe. Turns out that for some mysterious reason IE will only get this right if you use camel [...]

By: Sky

Sky — Sat, 29 Aug 2009 23:58:09 +0000

Jon, thank you so much for pointing out that you have to set the “frameBorder” attribute prior to attaching the iframe to the page (appending as a child)! I was using the correct camelcase but it would only work when the iframe was already part of the html… when I tried dynamically creating it and setting that attribute with JS it wouldn’t work… since I was setting it AFTER I attached it to the page.

Many thanks!

By: yesyesyes

yesyesyes — Sat, 22 Aug 2009 17:21:58 +0000

Wait, let me get this straight:

or
works just fine

while

$(iframe).attr(“frameBorder”, “0″); works and
$(iframe).attr(“frameborder”, “0″); does not?

W T F ?

By: raj

raj — Thu, 23 Jul 2009 09:59:51 +0000

Thank you for the information about frameBorder. I spent 3 hours looking for the reason and was annoyed on knowing the reason.

Anyway guys thanks for the solution

By: H

Tue, 05 May 2009 10:09:08 +0000

To add, if you try to remove an iframe border once its been added to the DOM in IE, the only way to really remove it is as follows and again, this only works in IE as setting the frameborder dynamically seems to work in other browsers. This took me hours to figure out on my own so hopefully this will save someone else some serious time:

document.getElementById(“myiframe”).contentWindow.document.body.style.border = “0px”;

By: X-Fan

X-Fan — Tue, 28 Apr 2009 11:57:44 +0000

“Finally i tried using frameBorder=0 instead….and it worked.”

Yo man, you just saved me.. was wondering why my frameborder attribute was doing nothing. Just the fucking “B”.. damn it.. thanks

By: ck

ck — Mon, 27 Oct 2008 17:36:45 +0000

I ran into same issue with frameBorder propery. Thanks for your post.

By: Molokai

Molokai — Wed, 22 Oct 2008 09:23:04 +0000

Thanks for your post!

It was a lifesaver

By: Joon

Joon — Tue, 29 Jul 2008 08:15:57 +0000

Thanks a lot, I found your frameborder post via google. I had the exact same issue, and now I have both fixed my issue and learned something new.

Great!

By: Anvar

Anvar — Thu, 03 Jul 2008 14:17:19 +0000

Cool…really saving a lot of time of mine for the onclick javascript method in the createelement…

try {
element = document.createElement(“”);
} catch (e) {
element = document.createElement(“input”);
element.setAttribute(“type”, “checkbox”);
element.setAttribute(“checked”,”checked”);
}
element.setAttribute(“name”, count);
element.setAttribute(“id”, count);
//element.setAttribute(“onclick”,”setStatus(this)”);
element.onclick = function(){
var chkboxrowNo=this.name.slice(5);
if(this.checked) {
document.getElementById(“h0″+chkboxrowNo).value=”1″;
} else {
document.getElementById(“h0″+chkboxrowNo).value=”0″;
}
}