Cross-origin iframe height resize based on inner content of iframe

gistfile1.js

// This gist is intended for the age old problem of cross-origin iframe resizing for the height of an iframe to look like part of a site rather than a POS iframe.

// Put in the iframe code (after all of your content has loaded or at the end of success event for final ajax calls)
// This sends the height as an available variable for the parent page to grab.
window.parent.postMessage($(document).height(), "*");

// In the parent page code. Initialize with onload="resizeIframe()". 
// This grabs that variable and then sets the iframe height based on whatever is being sent back from the iframe
function resizeIframe() {
	var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
	var eventer = window[eventMethod];
	
	var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

	eventer(messageEvent, function (e) {
		$('{{IFRAMEID-GOES-HERE}}').css('height',e.data);
	}, false);	
}
	
// Credit to Tadit Dash ( http://www.codeproject.com/Tips/585663/Communication-with-Cross-Domain-IFrame-A-Cross-Bro )