Skip to content

Instantly share code, notes, and snippets.

@Smally1997
Last active January 3, 2016 01:08
Show Gist options
  • Save Smally1997/8386734 to your computer and use it in GitHub Desktop.
Save Smally1997/8386734 to your computer and use it in GitHub Desktop.
document.getElementById("gistList").onchange = function(e) {
if (e.target.value) {
// Create an iframe, append it to this document where specified
var gistFrame = document.createElement("iframe");
gistFrame.setAttribute("width", "100%");
gistFrame.id = "gistFrame";
var zone = document.getElementById("gistZone");
zone.innerHTML = "";
zone.appendChild(gistFrame);
// Create the iframe's document
var gistFrameHTML = '<html><body onload="parent.adjustIframeSize(document.body.scrollHeight)"><scr' + 'ipt type="text/javascript" src="https://gist.github.com/' + e.target.value + '.js"></sc'+'ript></body></html>';
// Set iframe's document with a trigger for this document to adjust the height
var gistFrameDoc = gistFrame.document;
if (gistFrame.contentDocument) {
gistFrameDoc = gistFrame.contentDocument;
} else if (gistFrame.contentWindow) {
gistFrameDoc = gistFrame.contentWindow.document;
}
gistFrameDoc.open();
gistFrameDoc.writeln(gistFrameHTML);
gistFrameDoc.close();
console.log("iframe added");
}
}
function adjustIframeSize(newHeight) {
var i = document.getElementById("gistFrame");
i.style.height = parseInt(newHeight) + "px";
console.log("size adjusted", newHeight);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment