Inner iframe takeover it’s shell container

This is a way for the inner iframe to take on the full screen above the shell container of it’s parent.

By using CSS we can position it so that the iframe is on top of the parent, you might need to play around with z-index depending on your DOM model.

function makeIFrameFullScreen() {
    makeShellContainerRelative();
    $("#iframe").css("position", "absolute");
    $("#iframe").css("top", "0px");
}

function makeShellContainerRelative() {
    $("#iframe").css("position", "relative");
}