123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110 |
- /*
- * File: iframeResizer.contentWindow.js
- * Desc: Include this file in any page being loaded into an iframe
- * to force the iframe to resize to the content size.
- * Requires: iframeResizer.js on host page.
- * Doc: https://github.com/davidjbradshaw/iframe-resizer
- * Author: David J. Bradshaw - [email protected]
- * Contributor: Jure Mav - [email protected]
- * Contributor: Ian Caunce - [email protected]
- */
- ;(function(undefined) {
- 'use strict';
- if(typeof window === 'undefined') return; // don't run for server side render
- var
- autoResize = true,
- base = 10,
- bodyBackground = '',
- bodyMargin = 0,
- bodyMarginStr = '',
- bodyObserver = null,
- bodyPadding = '',
- calculateWidth = false,
- doubleEventList = {'resize':1,'click':1},
- eventCancelTimer = 128,
- firstRun = true,
- height = 1,
- heightCalcModeDefault = 'bodyOffset',
- heightCalcMode = heightCalcModeDefault,
- initLock = true,
- initMsg = '',
- inPageLinks = {},
- interval = 32,
- intervalTimer = null,
- logging = false,
- msgID = '[iFrameSizer]', //Must match host page msg ID
- msgIdLen = msgID.length,
- myID = '',
- observer = null,
- resetRequiredMethods = {max:1,min:1,bodyScroll:1,documentElementScroll:1},
- resizeFrom = 'child',
- sendPermit = true,
- target = window.parent,
- targetOriginDefault = '*',
- tolerance = 0,
- triggerLocked = false,
- triggerLockedTimer = null,
- throttledTimer = 16,
- width = 1,
- widthCalcModeDefault = 'scroll',
- widthCalcMode = widthCalcModeDefault,
- win = window,
- messageCallback = function() { warn('MessageCallback function not defined'); },
- readyCallback = function() {},
- pageInfoCallback = function() {},
- customCalcMethods = {
- height: function() {
- warn('Custom height calculation function not defined');
- return document.documentElement.offsetHeight;
- },
- width: function() {
- warn('Custom width calculation function not defined');
- return document.body.scrollWidth;
- }
- },
- eventHandlersByName = {};
- function addEventListener(el,evt,func) {
- /* istanbul ignore else */ // Not testable in phantonJS
- if ('addEventListener' in window) {
- el.addEventListener(evt,func, false);
- } else if ('attachEvent' in window) { //IE
- el.attachEvent('on'+evt,func);
- }
- }
- function removeEventListener(el,evt,func) {
- /* istanbul ignore else */ // Not testable in phantonJS
- if ('removeEventListener' in window) {
- el.removeEventListener(evt,func, false);
- } else if ('detachEvent' in window) { //IE
- el.detachEvent('on'+evt,func);
- }
- }
- function capitalizeFirstLetter(string) {
- return string.charAt(0).toUpperCase() + string.slice(1);
- }
- //Based on underscore.js
- function throttle(func) {
- var
- context, args, result,
- timeout = null,
- previous = 0,
- later = function() {
- previous = getNow();
- timeout = null;
- result = func.apply(context, args);
- if (!timeout) {
- context = args = null;
- }
- };
- return function() {
- var now = getNow();
- if (!previous) {
- previous = now;
- }
- var remaining = throttledTimer - (now - previous);
- context = this;
- args = arguments;
- if (remaining <= 0 || remaining > throttledTimer) {
- if (timeout) {
- clearTimeout(timeout);
- timeout = null;
- }
- previous = now;
- result = func.apply(context, args);
- if (!timeout) {
- context = args = null;
- }
- } else if (!timeout) {
- timeout = setTimeout(later, remaining);
- }
- return result;
- };
- }
- var getNow = Date.now || function() {
- /* istanbul ignore next */ // Not testable in PhantonJS
- return new Date().getTime();
- };
- function formatLogMsg(msg) {
- return msgID + '[' + myID + ']' + ' ' + msg;
- }
- function log(msg) {
- if (logging && ('object' === typeof window.console)) {
- console.log(formatLogMsg(msg));
- }
- }
- function warn(msg) {
- if ('object' === typeof window.console) {
- console.warn(formatLogMsg(msg));
- }
- }
- function init() {
- readDataFromParent();
- log('Initialising iFrame ('+location.href+')');
- readDataFromPage();
- setMargin();
- setBodyStyle('background',bodyBackground);
- setBodyStyle('padding',bodyPadding);
- injectClearFixIntoBodyElement();
- checkHeightMode();
- checkWidthMode();
- stopInfiniteResizingOfIFrame();
- setupPublicMethods();
- startEventListeners();
- inPageLinks = setupInPageLinks();
- sendSize('init','Init message from host page');
- readyCallback();
- }
- function readDataFromParent() {
- function strBool(str) {
- return 'true' === str ? true : false;
- }
- var data = initMsg.substr(msgIdLen).split(':');
- myID = data[0];
- bodyMargin = (undefined !== data[1]) ? Number(data[1]) : bodyMargin; //For V1 compatibility
- calculateWidth = (undefined !== data[2]) ? strBool(data[2]) : calculateWidth;
- logging = (undefined !== data[3]) ? strBool(data[3]) : logging;
- interval = (undefined !== data[4]) ? Number(data[4]) : interval;
- autoResize = (undefined !== data[6]) ? strBool(data[6]) : autoResize;
- bodyMarginStr = data[7];
- heightCalcMode = (undefined !== data[8]) ? data[8] : heightCalcMode;
- bodyBackground = data[9];
- bodyPadding = data[10];
- tolerance = (undefined !== data[11]) ? Number(data[11]) : tolerance;
- inPageLinks.enable = (undefined !== data[12]) ? strBool(data[12]): false;
- resizeFrom = (undefined !== data[13]) ? data[13] : resizeFrom;
- widthCalcMode = (undefined !== data[14]) ? data[14] : widthCalcMode;
- }
- function readDataFromPage() {
- function readData() {
- var data = window.iFrameResizer;
- log('Reading data from page: ' + JSON.stringify(data));
- messageCallback = ('messageCallback' in data) ? data.messageCallback : messageCallback;
- readyCallback = ('readyCallback' in data) ? data.readyCallback : readyCallback;
- targetOriginDefault = ('targetOrigin' in data) ? data.targetOrigin : targetOriginDefault;
- heightCalcMode = ('heightCalculationMethod' in data) ? data.heightCalculationMethod : heightCalcMode;
- widthCalcMode = ('widthCalculationMethod' in data) ? data.widthCalculationMethod : widthCalcMode;
- }
- function setupCustomCalcMethods(calcMode, calcFunc) {
- if ('function' === typeof calcMode) {
- log('Setup custom ' + calcFunc + 'CalcMethod');
- customCalcMethods[calcFunc] = calcMode;
- calcMode = 'custom';
- }
- return calcMode;
- }
- if(('iFrameResizer' in window) && (Object === window.iFrameResizer.constructor)) {
- readData();
- heightCalcMode = setupCustomCalcMethods(heightCalcMode, 'height');
- widthCalcMode = setupCustomCalcMethods(widthCalcMode, 'width');
- }
- log('TargetOrigin for parent set to: ' + targetOriginDefault);
- }
- function chkCSS(attr,value) {
- if (-1 !== value.indexOf('-')) {
- warn('Negative CSS value ignored for '+attr);
- value='';
- }
- return value;
- }
- function setBodyStyle(attr,value) {
- if ((undefined !== value) && ('' !== value) && ('null' !== value)) {
- document.body.style[attr] = value;
- log('Body '+attr+' set to "'+value+'"');
- }
- }
- function setMargin() {
- //If called via V1 script, convert bodyMargin from int to str
- if (undefined === bodyMarginStr) {
- bodyMarginStr = bodyMargin+'px';
- }
- setBodyStyle('margin',chkCSS('margin',bodyMarginStr));
- }
- function stopInfiniteResizingOfIFrame() {
- document.documentElement.style.height = '';
- document.body.style.height = '';
- log('HTML & body height set to "auto"');
- }
- function manageTriggerEvent(options) {
- var listener = {
- add: function(eventName) {
- function handleEvent() {
- sendSize(options.eventName,options.eventType);
- }
- eventHandlersByName[eventName] = handleEvent;
- addEventListener(window,eventName,handleEvent);
- },
- remove: function(eventName) {
- var handleEvent = eventHandlersByName[eventName];
- delete eventHandlersByName[eventName];
- removeEventListener(window,eventName,handleEvent);
- }
- };
- if(options.eventNames && Array.prototype.map) {
- options.eventName = options.eventNames[0];
- options.eventNames.map(listener[options.method]);
- } else {
- listener[options.method](options.eventName);
- }
- log(capitalizeFirstLetter(options.method) + ' event listener: ' + options.eventType);
- }
- function manageEventListeners(method) {
- manageTriggerEvent({method:method, eventType: 'Animation Start', eventNames: ['animationstart','webkitAnimationStart'] });
- manageTriggerEvent({method:method, eventType: 'Animation Iteration', eventNames: ['animationiteration','webkitAnimationIteration'] });
- manageTriggerEvent({method:method, eventType: 'Animation End', eventNames: ['animationend','webkitAnimationEnd'] });
- manageTriggerEvent({method:method, eventType: 'Input', eventName: 'input' });
- manageTriggerEvent({method:method, eventType: 'Mouse Up', eventName: 'mouseup' });
- manageTriggerEvent({method:method, eventType: 'Mouse Down', eventName: 'mousedown' });
- manageTriggerEvent({method:method, eventType: 'Orientation Change', eventName: 'orientationchange' });
- manageTriggerEvent({method:method, eventType: 'Print', eventName: ['afterprint', 'beforeprint'] });
- manageTriggerEvent({method:method, eventType: 'Ready State Change', eventName: 'readystatechange' });
- manageTriggerEvent({method:method, eventType: 'Touch Start', eventName: 'touchstart' });
- manageTriggerEvent({method:method, eventType: 'Touch End', eventName: 'touchend' });
- manageTriggerEvent({method:method, eventType: 'Touch Cancel', eventName: 'touchcancel' });
- manageTriggerEvent({method:method, eventType: 'Transition Start', eventNames: ['transitionstart','webkitTransitionStart','MSTransitionStart','oTransitionStart','otransitionstart'] });
- manageTriggerEvent({method:method, eventType: 'Transition Iteration', eventNames: ['transitioniteration','webkitTransitionIteration','MSTransitionIteration','oTransitionIteration','otransitioniteration'] });
- manageTriggerEvent({method:method, eventType: 'Transition End', eventNames: ['transitionend','webkitTransitionEnd','MSTransitionEnd','oTransitionEnd','otransitionend'] });
- if('child' === resizeFrom) {
- manageTriggerEvent({method:method, eventType: 'IFrame Resized', eventName: 'resize' });
- }
- }
- function checkCalcMode(calcMode,calcModeDefault,modes,type) {
- if (calcModeDefault !== calcMode) {
- if (!(calcMode in modes)) {
- warn(calcMode + ' is not a valid option for '+type+'CalculationMethod.');
- calcMode=calcModeDefault;
- }
- log(type+' calculation method set to "'+calcMode+'"');
- }
- return calcMode;
- }
- function checkHeightMode() {
- heightCalcMode = checkCalcMode(heightCalcMode,heightCalcModeDefault,getHeight,'height');
- }
- function checkWidthMode() {
- widthCalcMode = checkCalcMode(widthCalcMode,widthCalcModeDefault,getWidth,'width');
- }
- function startEventListeners() {
- if ( true === autoResize ) {
- manageEventListeners('add');
- setupMutationObserver();
- }
- else {
- log('Auto Resize disabled');
- }
- }
- function stopMsgsToParent() {
- log('Disable outgoing messages');
- sendPermit = false;
- }
- function removeMsgListener() {
- log('Remove event listener: Message');
- removeEventListener(window, 'message', receiver);
- }
- function disconnectMutationObserver() {
- if (null !== bodyObserver) {
- /* istanbul ignore next */ // Not testable in PhantonJS
- bodyObserver.disconnect();
- }
- }
- function stopEventListeners() {
- manageEventListeners('remove');
- disconnectMutationObserver();
- clearInterval(intervalTimer);
- }
- function teardown() {
- stopMsgsToParent();
- removeMsgListener();
- if (true === autoResize) stopEventListeners();
- }
- function injectClearFixIntoBodyElement() {
- var clearFix = document.createElement('div');
- clearFix.style.clear = 'both';
- clearFix.style.display = 'block'; //Guard against this having been globally redefined in CSS.
- document.body.appendChild(clearFix);
- }
- function setupInPageLinks() {
- function getPagePosition () {
- return {
- x: (window.pageXOffset !== undefined) ? window.pageXOffset : document.documentElement.scrollLeft,
- y: (window.pageYOffset !== undefined) ? window.pageYOffset : document.documentElement.scrollTop
- };
- }
- function getElementPosition(el) {
- var
- elPosition = el.getBoundingClientRect(),
- pagePosition = getPagePosition();
- return {
- x: parseInt(elPosition.left,10) + parseInt(pagePosition.x,10),
- y: parseInt(elPosition.top,10) + parseInt(pagePosition.y,10)
- };
- }
- function findTarget(location) {
- function jumpToTarget(target) {
- var jumpPosition = getElementPosition(target);
- log('Moving to in page link (#'+hash+') at x: '+jumpPosition.x+' y: '+jumpPosition.y);
- sendMsg(jumpPosition.y, jumpPosition.x, 'scrollToOffset'); // X&Y reversed at sendMsg uses height/width
- }
- var
- hash = location.split('#')[1] || location, //Remove # if present
- hashData = decodeURIComponent(hash),
- target = document.getElementById(hashData) || document.getElementsByName(hashData)[0];
- if (undefined !== target) {
- jumpToTarget(target);
- } else {
- log('In page link (#' + hash + ') not found in iFrame, so sending to parent');
- sendMsg(0,0,'inPageLink','#'+hash);
- }
- }
- function checkLocationHash() {
- if ('' !== location.hash && '#' !== location.hash) {
- findTarget(location.href);
- }
- }
- function bindAnchors() {
- function setupLink(el) {
- function linkClicked(e) {
- e.preventDefault();
- /*jshint validthis:true */
- findTarget(this.getAttribute('href'));
- }
- if ('#' !== el.getAttribute('href')) {
- addEventListener(el,'click',linkClicked);
- }
- }
- Array.prototype.forEach.call( document.querySelectorAll( 'a[href^="#"]' ), setupLink );
- }
- function bindLocationHash() {
- addEventListener(window,'hashchange',checkLocationHash);
- }
- function initCheck() { //check if page loaded with location hash after init resize
- setTimeout(checkLocationHash,eventCancelTimer);
- }
- function enableInPageLinks() {
- /* istanbul ignore else */ // Not testable in phantonJS
- if(Array.prototype.forEach && document.querySelectorAll) {
- log('Setting up location.hash handlers');
- bindAnchors();
- bindLocationHash();
- initCheck();
- } else {
- warn('In page linking not fully supported in this browser! (See README.md for IE8 workaround)');
- }
- }
- if(inPageLinks.enable) {
- enableInPageLinks();
- } else {
- log('In page linking not enabled');
- }
- return {
- findTarget:findTarget
- };
- }
- function setupPublicMethods() {
- log('Enable public methods');
- win.parentIFrame = {
- autoResize: function autoResizeF(resize) {
- if (true === resize && false === autoResize) {
- autoResize=true;
- startEventListeners();
- //sendSize('autoResize','Auto Resize enabled');
- } else if (false === resize && true === autoResize) {
- autoResize=false;
- stopEventListeners();
- }
- return autoResize;
- },
- close: function closeF() {
- sendMsg(0,0,'close');
- teardown();
- },
- getId: function getIdF() {
- return myID;
- },
- getPageInfo: function getPageInfoF(callback) {
- if ('function' === typeof callback) {
- pageInfoCallback = callback;
- sendMsg(0,0,'pageInfo');
- } else {
- pageInfoCallback = function() {};
- sendMsg(0,0,'pageInfoStop');
- }
- },
- moveToAnchor: function moveToAnchorF(hash) {
- inPageLinks.findTarget(hash);
- },
- reset: function resetF() {
- resetIFrame('parentIFrame.reset');
- },
- scrollTo: function scrollToF(x,y) {
- sendMsg(y,x,'scrollTo'); // X&Y reversed at sendMsg uses height/width
- },
- scrollToOffset: function scrollToF(x,y) {
- sendMsg(y,x,'scrollToOffset'); // X&Y reversed at sendMsg uses height/width
- },
- sendMessage: function sendMessageF(msg,targetOrigin) {
- sendMsg(0,0,'message',JSON.stringify(msg),targetOrigin);
- },
- setHeightCalculationMethod: function setHeightCalculationMethodF(heightCalculationMethod) {
- heightCalcMode = heightCalculationMethod;
- checkHeightMode();
- },
- setWidthCalculationMethod: function setWidthCalculationMethodF(widthCalculationMethod) {
- widthCalcMode = widthCalculationMethod;
- checkWidthMode();
- },
- setTargetOrigin: function setTargetOriginF(targetOrigin) {
- log('Set targetOrigin: '+targetOrigin);
- targetOriginDefault = targetOrigin;
- },
- size: function sizeF(customHeight, customWidth) {
- var valString = ''+(customHeight?customHeight:'')+(customWidth?','+customWidth:'');
- //lockTrigger();
- sendSize('size','parentIFrame.size('+valString+')', customHeight, customWidth);
- }
- };
- }
- function initInterval() {
- if ( 0 !== interval ) {
- log('setInterval: '+interval+'ms');
- intervalTimer = setInterval(function() {
- sendSize('interval','setInterval: '+interval);
- },Math.abs(interval));
- }
- }
- /* istanbul ignore next */ //Not testable in PhantomJS
- function setupBodyMutationObserver() {
- function addImageLoadListners(mutation) {
- function addImageLoadListener(element) {
- if (false === element.complete) {
- log('Attach listeners to ' + element.src);
- element.addEventListener('load', imageLoaded, false);
- element.addEventListener('error', imageError, false);
- elements.push(element);
- }
- }
- if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
- addImageLoadListener(mutation.target);
- } else if (mutation.type === 'childList') {
- Array.prototype.forEach.call(
- mutation.target.querySelectorAll('img'),
- addImageLoadListener
- );
- }
- }
- function removeFromArray(element) {
- elements.splice(elements.indexOf(element),1);
- }
- function removeImageLoadListener(element) {
- log('Remove listeners from ' + element.src);
- element.removeEventListener('load', imageLoaded, false);
- element.removeEventListener('error', imageError, false);
- removeFromArray(element);
- }
- function imageEventTriggered(event,type,typeDesc) {
- removeImageLoadListener(event.target);
- sendSize(type, typeDesc + ': ' + event.target.src, undefined, undefined);
- }
- function imageLoaded(event) {
- imageEventTriggered(event,'imageLoad','Image loaded');
- }
- function imageError(event) {
- imageEventTriggered(event,'imageLoadFailed','Image load failed');
- }
- function mutationObserved(mutations) {
- sendSize('mutationObserver','mutationObserver: ' + mutations[0].target + ' ' + mutations[0].type);
- //Deal with WebKit asyncing image loading when tags are injected into the page
- mutations.forEach(addImageLoadListners);
- }
- function createMutationObserver() {
- var
- target = document.querySelector('body'),
- config = {
- attributes : true,
- attributeOldValue : false,
- characterData : true,
- characterDataOldValue : false,
- childList : true,
- subtree : true
- };
- observer = new MutationObserver(mutationObserved);
- log('Create body MutationObserver');
- observer.observe(target, config);
- return observer;
- }
- var
- elements = [],
- MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
- observer = createMutationObserver();
- return {
- disconnect: function () {
- if ('disconnect' in observer) {
- log('Disconnect body MutationObserver');
- observer.disconnect();
- elements.forEach(removeImageLoadListener);
- }
- }
- };
- }
- function setupMutationObserver() {
- var forceIntervalTimer = 0 > interval;
- /* istanbul ignore if */ // Not testable in PhantomJS
- if (window.MutationObserver || window.WebKitMutationObserver) {
- if (forceIntervalTimer) {
- initInterval();
- } else {
- bodyObserver = setupBodyMutationObserver();
- }
- } else {
- log('MutationObserver not supported in this browser!');
- initInterval();
- }
- }
- // document.documentElement.offsetHeight is not reliable, so
- // we have to jump through hoops to get a better value.
- function getComputedStyle(prop,el) {
- /* istanbul ignore next */ //Not testable in PhantomJS
- function convertUnitsToPxForIE8(value) {
- var PIXEL = /^\d+(px)?$/i;
- if (PIXEL.test(value)) {
- return parseInt(value,base);
- }
- var
- style = el.style.left,
- runtimeStyle = el.runtimeStyle.left;
- el.runtimeStyle.left = el.currentStyle.left;
- el.style.left = value || 0;
- value = el.style.pixelLeft;
- el.style.left = style;
- el.runtimeStyle.left = runtimeStyle;
- return value;
- }
- var retVal = 0;
- el = el || document.body;
- /* istanbul ignore else */ // Not testable in phantonJS
- if (('defaultView' in document) && ('getComputedStyle' in document.defaultView)) {
- retVal = document.defaultView.getComputedStyle(el, null);
- retVal = (null !== retVal) ? retVal[prop] : 0;
- } else {//IE8
- retVal = convertUnitsToPxForIE8(el.currentStyle[prop]);
- }
- return parseInt(retVal,base);
- }
- function chkEventThottle(timer) {
- if(timer > throttledTimer/2) {
- throttledTimer = 2*timer;
- log('Event throttle increased to ' + throttledTimer + 'ms');
- }
- }
- //Idea from https://github.com/guardian/iframe-messenger
- function getMaxElement(side,elements) {
- var
- elementsLength = elements.length,
- elVal = 0,
- maxVal = 0,
- Side = capitalizeFirstLetter(side),
- timer = getNow();
- for (var i = 0; i < elementsLength; i++) {
- elVal = elements[i].getBoundingClientRect()[side] + getComputedStyle('margin'+Side,elements[i]);
- if (elVal > maxVal) {
- maxVal = elVal;
- }
- }
- timer = getNow() - timer;
- log('Parsed '+elementsLength+' HTML elements');
- log('Element position calculated in ' + timer + 'ms');
- chkEventThottle(timer);
- return maxVal;
- }
- function getAllMeasurements(dimention) {
- return [
- dimention.bodyOffset(),
- dimention.bodyScroll(),
- dimention.documentElementOffset(),
- dimention.documentElementScroll()
- ];
- }
- function getTaggedElements(side,tag) {
- function noTaggedElementsFound() {
- warn('No tagged elements ('+tag+') found on page');
- return document.querySelectorAll('body *');
- }
- var elements = document.querySelectorAll('['+tag+']');
- if (0 === elements.length) noTaggedElementsFound();
- return getMaxElement(side,elements);
- }
- function getAllElements() {
- return document.querySelectorAll('body *');
- }
- var
- getHeight = {
- bodyOffset: function getBodyOffsetHeight() {
- return document.body.offsetHeight + getComputedStyle('marginTop') + getComputedStyle('marginBottom');
- },
- offset: function() {
- return getHeight.bodyOffset(); //Backwards compatability
- },
- bodyScroll: function getBodyScrollHeight() {
- return document.body.scrollHeight;
- },
- custom: function getCustomWidth() {
- return customCalcMethods.height();
- },
- documentElementOffset: function getDEOffsetHeight() {
- return document.documentElement.offsetHeight;
- },
- documentElementScroll: function getDEScrollHeight() {
- return document.documentElement.scrollHeight;
- },
- max: function getMaxHeight() {
- return Math.max.apply(null,getAllMeasurements(getHeight));
- },
- min: function getMinHeight() {
- return Math.min.apply(null,getAllMeasurements(getHeight));
- },
- grow: function growHeight() {
- return getHeight.max(); //Run max without the forced downsizing
- },
- lowestElement: function getBestHeight() {
- return Math.max(getHeight.bodyOffset(), getMaxElement('bottom',getAllElements()));
- },
- taggedElement: function getTaggedElementsHeight() {
- return getTaggedElements('bottom','data-iframe-height');
- }
- },
- getWidth = {
- bodyScroll: function getBodyScrollWidth() {
- return document.body.scrollWidth;
- },
- bodyOffset: function getBodyOffsetWidth() {
- return document.body.offsetWidth;
- },
- custom: function getCustomWidth() {
- return customCalcMethods.width();
- },
- documentElementScroll: function getDEScrollWidth() {
- return document.documentElement.scrollWidth;
- },
- documentElementOffset: function getDEOffsetWidth() {
- return document.documentElement.offsetWidth;
- },
- scroll: function getMaxWidth() {
- return Math.max(getWidth.bodyScroll(), getWidth.documentElementScroll());
- },
- max: function getMaxWidth() {
- return Math.max.apply(null,getAllMeasurements(getWidth));
- },
- min: function getMinWidth() {
- return Math.min.apply(null,getAllMeasurements(getWidth));
- },
- rightMostElement: function rightMostElement() {
- return getMaxElement('right', getAllElements());
- },
- taggedElement: function getTaggedElementsWidth() {
- return getTaggedElements('right', 'data-iframe-width');
- }
- };
- function sizeIFrame(triggerEvent, triggerEventDesc, customHeight, customWidth) {
- function resizeIFrame() {
- height = currentHeight;
- width = currentWidth;
- sendMsg(height,width,triggerEvent);
- }
- function isSizeChangeDetected() {
- function checkTolarance(a,b) {
- var retVal = Math.abs(a-b) <= tolerance;
- return !retVal;
- }
- currentHeight = (undefined !== customHeight) ? customHeight : getHeight[heightCalcMode]();
- currentWidth = (undefined !== customWidth ) ? customWidth : getWidth[widthCalcMode]();
- return checkTolarance(height,currentHeight) || (calculateWidth && checkTolarance(width,currentWidth));
- }
- function isForceResizableEvent() {
- return !(triggerEvent in {'init':1,'interval':1,'size':1});
- }
- function isForceResizableCalcMode() {
- return (heightCalcMode in resetRequiredMethods) || (calculateWidth && widthCalcMode in resetRequiredMethods);
- }
- function logIgnored() {
- log('No change in size detected');
- }
- function checkDownSizing() {
- if (isForceResizableEvent() && isForceResizableCalcMode()) {
- resetIFrame(triggerEventDesc);
- } else if (!(triggerEvent in {'interval':1})) {
- logIgnored();
- }
- }
- var currentHeight,currentWidth;
- if (isSizeChangeDetected() || 'init' === triggerEvent) {
- lockTrigger();
- resizeIFrame();
- } else {
- checkDownSizing();
- }
- }
- var sizeIFrameThrottled = throttle(sizeIFrame);
- function sendSize(triggerEvent, triggerEventDesc, customHeight, customWidth) {
- function recordTrigger() {
- if (!(triggerEvent in {'reset':1,'resetPage':1,'init':1})) {
- log( 'Trigger event: ' + triggerEventDesc );
- }
- }
- function isDoubleFiredEvent() {
- return triggerLocked && (triggerEvent in doubleEventList);
- }
- if (!isDoubleFiredEvent()) {
- recordTrigger();
- if (triggerEvent === 'init') {
- sizeIFrame(triggerEvent, triggerEventDesc, customHeight, customWidth);
- } else {
- sizeIFrameThrottled(triggerEvent, triggerEventDesc, customHeight, customWidth);
- }
- } else {
- log('Trigger event cancelled: '+triggerEvent);
- }
- }
- function lockTrigger() {
- if (!triggerLocked) {
- triggerLocked = true;
- log('Trigger event lock on');
- }
- clearTimeout(triggerLockedTimer);
- triggerLockedTimer = setTimeout(function() {
- triggerLocked = false;
- log('Trigger event lock off');
- log('--');
- },eventCancelTimer);
- }
- function triggerReset(triggerEvent) {
- height = getHeight[heightCalcMode]();
- width = getWidth[widthCalcMode]();
- sendMsg(height,width,triggerEvent);
- }
- function resetIFrame(triggerEventDesc) {
- var hcm = heightCalcMode;
- heightCalcMode = heightCalcModeDefault;
- log('Reset trigger event: ' + triggerEventDesc);
- lockTrigger();
- triggerReset('reset');
- heightCalcMode = hcm;
- }
- function sendMsg(height,width,triggerEvent,msg,targetOrigin) {
- function setTargetOrigin() {
- if (undefined === targetOrigin) {
- targetOrigin = targetOriginDefault;
- } else {
- log('Message targetOrigin: '+targetOrigin);
- }
- }
- function sendToParent() {
- var
- size = height + ':' + width,
- message = myID + ':' + size + ':' + triggerEvent + (undefined !== msg ? ':' + msg : '');
- log('Sending message to host page (' + message + ')');
- target.postMessage( msgID + message, targetOrigin);
- }
- if(true === sendPermit) {
- setTargetOrigin();
- sendToParent();
- }
- }
- function receiver(event) {
- var processRequestFromParent = {
- init: function initFromParent() {
- function fireInit() {
- initMsg = event.data;
- target = event.source;
- init();
- firstRun = false;
- setTimeout(function() { initLock = false;},eventCancelTimer);
- }
- if (document.readyState === "interactive" || document.readyState === "complete") {
- fireInit();
- } else {
- log('Waiting for page ready');
- addEventListener(window,'readystatechange',processRequestFromParent.initFromParent);
- }
- },
- reset: function resetFromParent() {
- if (!initLock) {
- log('Page size reset by host page');
- triggerReset('resetPage');
- } else {
- log('Page reset ignored by init');
- }
- },
- resize: function resizeFromParent() {
- sendSize('resizeParent','Parent window requested size check');
- },
- moveToAnchor: function moveToAnchorF() {
- inPageLinks.findTarget(getData());
- },
- inPageLink: function inPageLinkF() {this.moveToAnchor();}, //Backward compatability
- pageInfo: function pageInfoFromParent() {
- var msgBody = getData();
- log('PageInfoFromParent called from parent: ' + msgBody );
- pageInfoCallback(JSON.parse(msgBody));
- log(' --');
- },
- message: function messageFromParent() {
- var msgBody = getData();
- log('MessageCallback called from parent: ' + msgBody );
- messageCallback(JSON.parse(msgBody));
- log(' --');
- }
- };
- function isMessageForUs() {
- return msgID === (''+event.data).substr(0,msgIdLen); //''+ Protects against non-string messages
- }
- function getMessageType() {
- return event.data.split(']')[1].split(':')[0];
- }
- function getData() {
- return event.data.substr(event.data.indexOf(':')+1);
- }
- function isMiddleTier() {
- return !(typeof module !== 'undefined' && module.exports) && ('iFrameResize' in window);
- }
- function isInitMsg() {
- //Test if this message is from a child below us. This is an ugly test, however, updating
- //the message format would break backwards compatibity.
- return event.data.split(':')[2] in {'true':1,'false':1};
- }
- function callFromParent() {
- var messageType = getMessageType();
- if (messageType in processRequestFromParent) {
- processRequestFromParent[messageType]();
- } else if (!isMiddleTier() && !isInitMsg()) {
- warn('Unexpected message ('+event.data+')');
- }
- }
- function processMessage() {
- if (false === firstRun) {
- callFromParent();
- } else if (isInitMsg()) {
- processRequestFromParent.init();
- } else {
- log('Ignored message of type "' + getMessageType() + '". Received before initialization.');
- }
- }
- if (isMessageForUs()) {
- processMessage();
- }
- }
- //Normally the parent kicks things off when it detects the iFrame has loaded.
- //If this script is async-loaded, then tell parent page to retry init.
- function chkLateLoaded() {
- if('loading' !== document.readyState) {
- window.parent.postMessage('[iFrameResizerChild]Ready','*');
- }
- }
- addEventListener(window, 'message', receiver);
- chkLateLoaded();
- })();
|