Detecting Internet Explorer and applying custom attributes to an iFrame

Question

I have an iFrame that is generated through some javascript on my page, prior to jQuery 1.9 I was using a simple check to see if internet explorer was being used and added some attributes required to make the iframe render properly in ie7 and ie8. Which of course these attributes are no longer valid, and I would prefer not to have invalid code in my HTML unless it absolutely necessary, so they are only applied to ie8 and below.

var ieOldAttr = " ";
if ($.browser.msie && parseInt($.browser.version, 10) <= 8) {
    ieOldAttr = "allowTransparency=\"true\" marginheight=\"0\" marginwidth=\"0\" frameborder=\"0\" ";
} 

//Generate iFrame here
pageOutput += "<iframe id=\"feedbackiFrame\" src=\"URLHERE\"" + ieOldAttr + "style=\"border: none; overflow: hidden; height: 540px; width: 415px; position:absolute; left: 5px; top: 5px;\"><\/iframe>";

$(document).ready(function () {
    $(pageOutput).appendTo(document.body);
});

In jQuery 1.9 they deprecated .browser, they instead suggest to use modernizer, but I dont think that modernizr would be able to accomplish what I need it to do here. Is there a way that I dont know about in modernizr to be able to detect this and correctly render the iFrame or do I need to do some pure javascript to detect the browser then apply it to the iFrame.

This question may be of relevance. http://stackoverflow.com/questions/5825385/javascript-can-i-detect-ie9-if-its-in-ie7-or-ie8-compatibility-mode — Kevin, Apr 01 '13 at 15:18

score 0 · Accepted Answer · answered Apr 12 '13 at 16:42

I ended up using this nice little function. Pure JS.

var Browser = {
  Version: function() {
    var version = 0;
    if (navigator.appVersion.indexOf("MSIE") != -1)
      version = parseFloat(navigator.appVersion.split("MSIE")[1]);
    return version;
  }
}

Detecting Internet Explorer and applying custom attributes to an iFrame

1 Answers1