12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052 |
- /*
- * File: iframeResizer.js
- * Desc: Force iframes to size to content.
- * Requires: iframeResizer.contentWindow.js to be loaded into the target frame.
- * Doc: https://github.com/davidjbradshaw/iframe-resizer
- * Author: David J. Bradshaw - [email protected]
- * Contributor: Jure Mav - [email protected]
- * Contributor: Reed Dadoune - [email protected]
- */
- ;(function(undefined) {
- 'use strict';
- if(typeof window === 'undefined') return; // don't run for server side render
- var
- count = 0,
- logEnabled = false,
- hiddenCheckEnabled = false,
- msgHeader = 'message',
- msgHeaderLen = msgHeader.length,
- msgId = '[iFrameSizer]', //Must match iframe msg ID
- msgIdLen = msgId.length,
- pagePosition = null,
- requestAnimationFrame = window.requestAnimationFrame,
- resetRequiredMethods = {max:1,scroll:1,bodyScroll:1,documentElementScroll:1},
- settings = {},
- timer = null,
- logId = 'Host Page',
- defaults = {
- autoResize : true,
- bodyBackground : null,
- bodyMargin : null,
- bodyMarginV1 : 8,
- bodyPadding : null,
- checkOrigin : true,
- inPageLinks : false,
- enablePublicMethods : true,
- heightCalculationMethod : 'bodyOffset',
- id : 'iFrameResizer',
- interval : 32,
- log : false,
- maxHeight : Infinity,
- maxWidth : Infinity,
- minHeight : 0,
- minWidth : 0,
- resizeFrom : 'parent',
- scrolling : false,
- sizeHeight : true,
- sizeWidth : false,
- warningTimeout : 5000,
- tolerance : 0,
- widthCalculationMethod : 'scroll',
- closedCallback : function() {},
- initCallback : function() {},
- messageCallback : function() {warn('MessageCallback function not defined');},
- resizedCallback : function() {},
- scrollCallback : function() {return true;}
- };
- function addEventListener(obj,evt,func) {
- /* istanbul ignore else */ // Not testable in PhantonJS
- if ('addEventListener' in window) {
- obj.addEventListener(evt,func, false);
- } else if ('attachEvent' in window) {//IE
- obj.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 setupRequestAnimationFrame() {
- var
- vendors = ['moz', 'webkit', 'o', 'ms'],
- x;
- // Remove vendor prefixing if prefixed and break early if not
- for (x = 0; x < vendors.length && !requestAnimationFrame; x += 1) {
- requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
- }
- if (!(requestAnimationFrame)) {
- log('setup','RequestAnimationFrame not supported');
- }
- }
- function getMyID(iframeId) {
- var retStr = 'Host page: '+iframeId;
- if (window.top !== window.self) {
- if (window.parentIFrame && window.parentIFrame.getId) {
- retStr = window.parentIFrame.getId()+': '+iframeId;
- } else {
- retStr = 'Nested host page: '+iframeId;
- }
- }
- return retStr;
- }
- function formatLogHeader(iframeId) {
- return msgId + '[' + getMyID(iframeId) + ']';
- }
- function isLogEnabled(iframeId) {
- return settings[iframeId] ? settings[iframeId].log : logEnabled;
- }
- function log(iframeId,msg) {
- output('log',iframeId,msg,isLogEnabled(iframeId));
- }
- function info(iframeId,msg) {
- output('info',iframeId,msg,isLogEnabled(iframeId));
- }
- function warn(iframeId,msg) {
- output('warn',iframeId,msg,true);
- }
- function output(type,iframeId,msg,enabled) {
- if (true === enabled && 'object' === typeof window.console) {
- console[type](formatLogHeader(iframeId),msg);
- }
- }
- function iFrameListener(event) {
- function resizeIFrame() {
- function resize() {
- setSize(messageData);
- setPagePosition(iframeId);
- callback('resizedCallback',messageData);
- }
- ensureInRange('Height');
- ensureInRange('Width');
- syncResize(resize,messageData,'init');
- }
- function processMsg() {
- var data = msg.substr(msgIdLen).split(':');
- return {
- iframe: settings[data[0]] && settings[data[0]].iframe,
- id: data[0],
- height: data[1],
- width: data[2],
- type: data[3]
- };
- }
- function ensureInRange(Dimension) {
- var
- max = Number(settings[iframeId]['max' + Dimension]),
- min = Number(settings[iframeId]['min' + Dimension]),
- dimension = Dimension.toLowerCase(),
- size = Number(messageData[dimension]);
- log(iframeId,'Checking ' + dimension + ' is in range ' + min + '-' + max);
- if (size<min) {
- size=min;
- log(iframeId,'Set ' + dimension + ' to min value');
- }
- if (size>max) {
- size=max;
- log(iframeId,'Set ' + dimension + ' to max value');
- }
- messageData[dimension] = '' + size;
- }
- function isMessageFromIFrame() {
- function checkAllowedOrigin() {
- function checkList() {
- var
- i = 0,
- retCode = false;
- log(iframeId,'Checking connection is from allowed list of origins: ' + checkOrigin);
- for (; i < checkOrigin.length; i++) {
- if (checkOrigin[i] === origin) {
- retCode = true;
- break;
- }
- }
- return retCode;
- }
- function checkSingle() {
- var remoteHost = settings[iframeId] && settings[iframeId].remoteHost;
- log(iframeId,'Checking connection is from: '+remoteHost);
- return origin === remoteHost;
- }
- return checkOrigin.constructor === Array ? checkList() : checkSingle();
- }
- var
- origin = event.origin,
- checkOrigin = settings[iframeId] && settings[iframeId].checkOrigin;
- if (checkOrigin && (''+origin !== 'null') && !checkAllowedOrigin()) {
- throw new Error(
- 'Unexpected message received from: ' + origin +
- ' for ' + messageData.iframe.id +
- '. Message was: ' + event.data +
- '. This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.'
- );
- }
- return true;
- }
- function isMessageForUs() {
- return msgId === (('' + msg).substr(0,msgIdLen)) && (msg.substr(msgIdLen).split(':')[0] in settings); //''+Protects against non-string msg
- }
- function isMessageFromMetaParent() {
- //Test if this message is from a parent above us. This is an ugly test, however, updating
- //the message format would break backwards compatibity.
- var retCode = messageData.type in {'true':1,'false':1,'undefined':1};
- if (retCode) {
- log(iframeId,'Ignoring init message from meta parent page');
- }
- return retCode;
- }
- function getMsgBody(offset) {
- return msg.substr(msg.indexOf(':')+msgHeaderLen+offset);
- }
- function forwardMsgFromIFrame(msgBody) {
- log(iframeId,'MessageCallback passed: {iframe: '+ messageData.iframe.id + ', message: ' + msgBody + '}');
- callback('messageCallback',{
- iframe: messageData.iframe,
- message: JSON.parse(msgBody)
- });
- log(iframeId,'--');
- }
- function getPageInfo() {
- var
- bodyPosition = document.body.getBoundingClientRect(),
- iFramePosition = messageData.iframe.getBoundingClientRect();
- return JSON.stringify({
- iframeHeight: iFramePosition.height,
- iframeWidth: iFramePosition.width,
- clientHeight: Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
- clientWidth: Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
- offsetTop: parseInt(iFramePosition.top - bodyPosition.top, 10),
- offsetLeft: parseInt(iFramePosition.left - bodyPosition.left, 10),
- scrollTop: window.pageYOffset,
- scrollLeft: window.pageXOffset
- });
- }
- function sendPageInfoToIframe(iframe,iframeId) {
- function debouncedTrigger() {
- trigger(
- 'Send Page Info',
- 'pageInfo:' + getPageInfo(),
- iframe,
- iframeId
- );
- }
- debouce(debouncedTrigger,32);
- }
- function startPageInfoMonitor() {
- function setListener(type,func) {
- function sendPageInfo() {
- if (settings[id]) {
- sendPageInfoToIframe(settings[id].iframe,id);
- } else {
- stop();
- }
- }
- ['scroll','resize'].forEach(function(evt) {
- log(id, type + evt + ' listener for sendPageInfo');
- func(window,evt,sendPageInfo);
- });
- }
- function stop() {
- setListener('Remove ', removeEventListener);
- }
- function start() {
- setListener('Add ', addEventListener);
- }
- var id = iframeId; //Create locally scoped copy of iFrame ID
- start();
- if (settings[id]) {
- settings[id].stopPageInfo = stop;
- }
- }
- function stopPageInfoMonitor() {
- if (settings[iframeId] && settings[iframeId].stopPageInfo) {
- settings[iframeId].stopPageInfo();
- delete settings[iframeId].stopPageInfo;
- }
- }
- function checkIFrameExists() {
- var retBool = true;
- if (null === messageData.iframe) {
- warn(iframeId,'IFrame ('+messageData.id+') not found');
- retBool = false;
- }
- return retBool;
- }
- function getElementPosition(target) {
- var iFramePosition = target.getBoundingClientRect();
- getPagePosition(iframeId);
- return {
- x: Math.floor( Number(iFramePosition.left) + Number(pagePosition.x) ),
- y: Math.floor( Number(iFramePosition.top) + Number(pagePosition.y) )
- };
- }
- function scrollRequestFromChild(addOffset) {
- /* istanbul ignore next */ //Not testable in Karma
- function reposition() {
- pagePosition = newPosition;
- scrollTo();
- log(iframeId,'--');
- }
- function calcOffset() {
- return {
- x: Number(messageData.width) + offset.x,
- y: Number(messageData.height) + offset.y
- };
- }
- function scrollParent() {
- if (window.parentIFrame) {
- window.parentIFrame['scrollTo'+(addOffset?'Offset':'')](newPosition.x,newPosition.y);
- } else {
- warn(iframeId,'Unable to scroll to requested position, window.parentIFrame not found');
- }
- }
- var
- offset = addOffset ? getElementPosition(messageData.iframe) : {x:0,y:0},
- newPosition = calcOffset();
- log(iframeId,'Reposition requested from iFrame (offset x:'+offset.x+' y:'+offset.y+')');
- if(window.top !== window.self) {
- scrollParent();
- } else {
- reposition();
- }
- }
- function scrollTo() {
- if (false !== callback('scrollCallback',pagePosition)) {
- setPagePosition(iframeId);
- } else {
- unsetPagePosition();
- }
- }
- function findTarget(location) {
- function jumpToTarget() {
- var jumpPosition = getElementPosition(target);
- log(iframeId,'Moving to in page link (#'+hash+') at x: '+jumpPosition.x+' y: '+jumpPosition.y);
- pagePosition = {
- x: jumpPosition.x,
- y: jumpPosition.y
- };
- scrollTo();
- log(iframeId,'--');
- }
- function jumpToParent() {
- if (window.parentIFrame) {
- window.parentIFrame.moveToAnchor(hash);
- } else {
- log(iframeId,'In page link #'+hash+' not found and window.parentIFrame not found');
- }
- }
- var
- hash = location.split('#')[1] || '',
- hashData = decodeURIComponent(hash),
- target = document.getElementById(hashData) || document.getElementsByName(hashData)[0];
- if (target) {
- jumpToTarget();
- } else if(window.top!==window.self) {
- jumpToParent();
- } else {
- log(iframeId,'In page link #'+hash+' not found');
- }
- }
- function callback(funcName,val) {
- return chkCallback(iframeId,funcName,val);
- }
- function actionMsg() {
- if(settings[iframeId] && settings[iframeId].firstRun) firstRun();
- switch(messageData.type) {
- case 'close':
- if(settings[iframeId].closeRequestCallback) chkCallback(iframeId, 'closeRequestCallback', settings[iframeId].iframe);
- else closeIFrame(messageData.iframe);
- break;
- case 'message':
- forwardMsgFromIFrame(getMsgBody(6));
- break;
- case 'scrollTo':
- scrollRequestFromChild(false);
- break;
- case 'scrollToOffset':
- scrollRequestFromChild(true);
- break;
- case 'pageInfo':
- sendPageInfoToIframe(settings[iframeId] && settings[iframeId].iframe,iframeId);
- startPageInfoMonitor();
- break;
- case 'pageInfoStop':
- stopPageInfoMonitor();
- break;
- case 'inPageLink':
- findTarget(getMsgBody(9));
- break;
- case 'reset':
- resetIFrame(messageData);
- break;
- case 'init':
- resizeIFrame();
- callback('initCallback',messageData.iframe);
- break;
- default:
- resizeIFrame();
- }
- }
- function hasSettings(iframeId) {
- var retBool = true;
- if (!settings[iframeId]) {
- retBool = false;
- warn(messageData.type + ' No settings for ' + iframeId + '. Message was: ' + msg);
- }
- return retBool;
- }
- function iFrameReadyMsgReceived() {
- for (var iframeId in settings) {
- trigger('iFrame requested init',createOutgoingMsg(iframeId),document.getElementById(iframeId),iframeId);
- }
- }
- function firstRun() {
- if (settings[iframeId]) {
- settings[iframeId].firstRun = false;
- }
- }
- function clearWarningTimeout() {
- if (settings[iframeId]) {
- clearTimeout(settings[iframeId].msgTimeout);
- settings[iframeId].warningTimeout = 0;
- }
- }
- var
- msg = event.data,
- messageData = {},
- iframeId = null;
- if('[iFrameResizerChild]Ready' === msg) {
- iFrameReadyMsgReceived();
- } else if (isMessageForUs()) {
- messageData = processMsg();
- iframeId = logId = messageData.id;
- if (settings[iframeId]) {
- settings[iframeId].loaded = true;
- }
- if (!isMessageFromMetaParent() && hasSettings(iframeId)) {
- log(iframeId,'Received: '+msg);
- if ( checkIFrameExists() && isMessageFromIFrame() ) {
- actionMsg();
- }
- }
- } else {
- info(iframeId,'Ignored: '+msg);
- }
- }
- function chkCallback(iframeId,funcName,val) {
- var
- func = null,
- retVal = null;
- if(settings[iframeId]) {
- func = settings[iframeId][funcName];
- if( 'function' === typeof func) {
- retVal = func(val);
- } else {
- throw new TypeError(funcName+' on iFrame['+iframeId+'] is not a function');
- }
- }
- return retVal;
- }
- function closeIFrame(iframe) {
- var iframeId = iframe.id;
- log(iframeId,'Removing iFrame: '+iframeId);
- if (iframe.parentNode) { iframe.parentNode.removeChild(iframe); }
- chkCallback(iframeId,'closedCallback',iframeId);
- log(iframeId,'--');
- delete settings[iframeId];
- }
- function getPagePosition(iframeId) {
- if(null === pagePosition) {
- pagePosition = {
- x: (window.pageXOffset !== undefined) ? window.pageXOffset : document.documentElement.scrollLeft,
- y: (window.pageYOffset !== undefined) ? window.pageYOffset : document.documentElement.scrollTop
- };
- log(iframeId,'Get page position: '+pagePosition.x+','+pagePosition.y);
- }
- }
- function setPagePosition(iframeId) {
- if(null !== pagePosition) {
- window.scrollTo(pagePosition.x,pagePosition.y);
- log(iframeId,'Set page position: '+pagePosition.x+','+pagePosition.y);
- unsetPagePosition();
- }
- }
- function unsetPagePosition() {
- pagePosition = null;
- }
- function resetIFrame(messageData) {
- function reset() {
- setSize(messageData);
- trigger('reset','reset',messageData.iframe,messageData.id);
- }
- log(messageData.id,'Size reset requested by '+('init'===messageData.type?'host page':'iFrame'));
- getPagePosition(messageData.id);
- syncResize(reset,messageData,'reset');
- }
- function setSize(messageData) {
- function setDimension(dimension) {
- messageData.iframe.style[dimension] = messageData[dimension] + 'px';
- log(
- messageData.id,
- 'IFrame (' + iframeId +
- ') ' + dimension +
- ' set to ' + messageData[dimension] + 'px'
- );
- }
- function chkZero(dimension) {
- //FireFox sets dimension of hidden iFrames to zero.
- //So if we detect that set up an event to check for
- //when iFrame becomes visible.
- /* istanbul ignore next */ //Not testable in PhantomJS
- if (!hiddenCheckEnabled && '0' === messageData[dimension]) {
- hiddenCheckEnabled = true;
- log(iframeId,'Hidden iFrame detected, creating visibility listener');
- fixHiddenIFrames();
- }
- }
- function processDimension(dimension) {
- setDimension(dimension);
- chkZero(dimension);
- }
- var iframeId = messageData.iframe.id;
- if(settings[iframeId]) {
- if( settings[iframeId].sizeHeight) { processDimension('height'); }
- if( settings[iframeId].sizeWidth ) { processDimension('width'); }
- }
- }
- function syncResize(func,messageData,doNotSync) {
- /* istanbul ignore if */ //Not testable in PhantomJS
- if(doNotSync!==messageData.type && requestAnimationFrame) {
- log(messageData.id,'Requesting animation frame');
- requestAnimationFrame(func);
- } else {
- func();
- }
- }
- function trigger(calleeMsg, msg, iframe, id, noResponseWarning) {
- function postMessageToIFrame() {
- var target = settings[id] && settings[id].targetOrigin;
- log(id,'[' + calleeMsg + '] Sending msg to iframe['+id+'] ('+msg+') targetOrigin: '+target);
- iframe.contentWindow.postMessage( msgId + msg, target );
- }
- function iFrameNotFound() {
- warn(id,'[' + calleeMsg + '] IFrame('+id+') not found');
- }
- function chkAndSend() {
- if(iframe && 'contentWindow' in iframe && (null !== iframe.contentWindow)) { //Null test for PhantomJS
- postMessageToIFrame();
- } else {
- iFrameNotFound();
- }
- }
- function warnOnNoResponse() {
- function warning() {
- if (settings[id] && !settings[id].loaded && !errorShown) {
- errorShown = true;
- warn(id, 'IFrame has not responded within '+ settings[id].warningTimeout/1000 +' seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ingored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning.');
- }
- }
- if (!!noResponseWarning && settings[id] && !!settings[id].warningTimeout) {
- settings[id].msgTimeout = setTimeout(warning, settings[id].warningTimeout);
- }
- }
- var errorShown = false;
- id = id || iframe.id;
- if(settings[id]) {
- chkAndSend();
- warnOnNoResponse();
- }
- }
- function createOutgoingMsg(iframeId) {
- return iframeId +
- ':' + settings[iframeId].bodyMarginV1 +
- ':' + settings[iframeId].sizeWidth +
- ':' + settings[iframeId].log +
- ':' + settings[iframeId].interval +
- ':' + settings[iframeId].enablePublicMethods +
- ':' + settings[iframeId].autoResize +
- ':' + settings[iframeId].bodyMargin +
- ':' + settings[iframeId].heightCalculationMethod +
- ':' + settings[iframeId].bodyBackground +
- ':' + settings[iframeId].bodyPadding +
- ':' + settings[iframeId].tolerance +
- ':' + settings[iframeId].inPageLinks +
- ':' + settings[iframeId].resizeFrom +
- ':' + settings[iframeId].widthCalculationMethod;
- }
- function setupIFrame(iframe,options) {
- function setLimits() {
- function addStyle(style) {
- if ((Infinity !== settings[iframeId][style]) && (0 !== settings[iframeId][style])) {
- iframe.style[style] = settings[iframeId][style] + 'px';
- log(iframeId,'Set '+style+' = '+settings[iframeId][style]+'px');
- }
- }
- function chkMinMax(dimension) {
- if (settings[iframeId]['min'+dimension]>settings[iframeId]['max'+dimension]) {
- throw new Error('Value for min'+dimension+' can not be greater than max'+dimension);
- }
- }
- chkMinMax('Height');
- chkMinMax('Width');
- addStyle('maxHeight');
- addStyle('minHeight');
- addStyle('maxWidth');
- addStyle('minWidth');
- }
- function newId() {
- var id = ((options && options.id) || defaults.id + count++);
- if (null !== document.getElementById(id)) {
- id = id + count++;
- }
- return id;
- }
- function ensureHasId(iframeId) {
- logId=iframeId;
- if (''===iframeId) {
- iframe.id = iframeId = newId();
- logEnabled = (options || {}).log;
- logId=iframeId;
- log(iframeId,'Added missing iframe ID: '+ iframeId +' (' + iframe.src + ')');
- }
- return iframeId;
- }
- function setScrolling() {
- log(iframeId,'IFrame scrolling ' + (settings[iframeId] && settings[iframeId].scrolling ? 'enabled' : 'disabled') + ' for ' + iframeId);
- iframe.style.overflow = false === (settings[iframeId] && settings[iframeId].scrolling) ? 'hidden' : 'auto';
- switch(settings[iframeId] && settings[iframeId].scrolling) {
- case true:
- iframe.scrolling = 'yes';
- break;
- case false:
- iframe.scrolling = 'no';
- break;
- default:
- iframe.scrolling = settings[iframeId] ? settings[iframeId].scrolling : 'no';
- }
- }
- //The V1 iFrame script expects an int, where as in V2 expects a CSS
- //string value such as '1px 3em', so if we have an int for V2, set V1=V2
- //and then convert V2 to a string PX value.
- function setupBodyMarginValues() {
- if (('number'===typeof(settings[iframeId] && settings[iframeId].bodyMargin)) || ('0'===(settings[iframeId] && settings[iframeId].bodyMargin))) {
- settings[iframeId].bodyMarginV1 = settings[iframeId].bodyMargin;
- settings[iframeId].bodyMargin = '' + settings[iframeId].bodyMargin + 'px';
- }
- }
- function checkReset() {
- // Reduce scope of firstRun to function, because IE8's JS execution
- // context stack is borked and this value gets externally
- // changed midway through running this function!!!
- var
- firstRun = settings[iframeId] && settings[iframeId].firstRun,
- resetRequertMethod = settings[iframeId] && settings[iframeId].heightCalculationMethod in resetRequiredMethods;
- if (!firstRun && resetRequertMethod) {
- resetIFrame({iframe:iframe, height:0, width:0, type:'init'});
- }
- }
- function setupIFrameObject() {
- if(Function.prototype.bind && settings[iframeId]) { //Ignore unpolyfilled IE8.
- settings[iframeId].iframe.iFrameResizer = {
- close : closeIFrame.bind(null,settings[iframeId].iframe),
- resize : trigger.bind(null,'Window resize', 'resize', settings[iframeId].iframe),
- moveToAnchor : function(anchor) {
- trigger('Move to anchor','moveToAnchor:'+anchor, settings[iframeId].iframe,iframeId);
- },
- sendMessage : function(message) {
- message = JSON.stringify(message);
- trigger('Send Message','message:'+message, settings[iframeId].iframe, iframeId);
- }
- };
- }
- }
- //We have to call trigger twice, as we can not be sure if all
- //iframes have completed loading when this code runs. The
- //event listener also catches the page changing in the iFrame.
- function init(msg) {
- function iFrameLoaded() {
- trigger('iFrame.onload', msg, iframe, undefined , true);
- checkReset();
- }
- addEventListener(iframe,'load',iFrameLoaded);
- trigger('init', msg, iframe, undefined, true);
- }
- function checkOptions(options) {
- if ('object' !== typeof options) {
- throw new TypeError('Options is not an object');
- }
- }
- function copyOptions(options) {
- for (var option in defaults) {
- if (defaults.hasOwnProperty(option)) {
- settings[iframeId][option] = options.hasOwnProperty(option) ? options[option] : defaults[option];
- }
- }
- }
- function getTargetOrigin (remoteHost) {
- return ('' === remoteHost || 'file://' === remoteHost) ? '*' : remoteHost;
- }
- function processOptions(options) {
- options = options || {};
- settings[iframeId] = {
- firstRun : true,
- iframe : iframe,
- remoteHost : iframe.src.split('/').slice(0,3).join('/')
- };
- checkOptions(options);
- copyOptions(options);
- if (settings[iframeId]) {
- settings[iframeId].targetOrigin = true === settings[iframeId].checkOrigin ? getTargetOrigin(settings[iframeId].remoteHost) : '*';
- }
- }
- function beenHere() {
- return (iframeId in settings && 'iFrameResizer' in iframe);
- }
- var iframeId = ensureHasId(iframe.id);
- if (!beenHere()) {
- processOptions(options);
- setScrolling();
- setLimits();
- setupBodyMarginValues();
- init(createOutgoingMsg(iframeId));
- setupIFrameObject();
- } else {
- warn(iframeId,'Ignored iFrame, already setup.');
- }
- }
- function debouce(fn,time) {
- if (null === timer) {
- timer = setTimeout(function() {
- timer = null;
- fn();
- }, time);
- }
- }
- /* istanbul ignore next */ //Not testable in PhantomJS
- function fixHiddenIFrames() {
- function checkIFrames() {
- function checkIFrame(settingId) {
- function chkDimension(dimension) {
- return '0px' === (settings[settingId] && settings[settingId].iframe.style[dimension]);
- }
- function isVisible(el) {
- return (null !== el.offsetParent);
- }
- if (settings[settingId] && isVisible(settings[settingId].iframe) && (chkDimension('height') || chkDimension('width'))) {
- trigger('Visibility change', 'resize', settings[settingId].iframe, settingId);
- }
- }
- for (var settingId in settings) {
- checkIFrame(settingId);
- }
- }
- function mutationObserved(mutations) {
- log('window','Mutation observed: ' + mutations[0].target + ' ' + mutations[0].type);
- debouce(checkIFrames,16);
- }
- function createMutationObserver() {
- var
- target = document.querySelector('body'),
- config = {
- attributes : true,
- attributeOldValue : false,
- characterData : true,
- characterDataOldValue : false,
- childList : true,
- subtree : true
- },
- observer = new MutationObserver(mutationObserved);
- observer.observe(target, config);
- }
- var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
- if (MutationObserver) createMutationObserver();
- }
- function resizeIFrames(event) {
- function resize() {
- sendTriggerMsg('Window '+event,'resize');
- }
- log('window','Trigger event: '+event);
- debouce(resize,16);
- }
- /* istanbul ignore next */ //Not testable in PhantomJS
- function tabVisible() {
- function resize() {
- sendTriggerMsg('Tab Visable','resize');
- }
- if('hidden' !== document.visibilityState) {
- log('document','Trigger event: Visiblity change');
- debouce(resize,16);
- }
- }
- function sendTriggerMsg(eventName,event) {
- function isIFrameResizeEnabled(iframeId) {
- return settings[iframeId] &&
- 'parent' === settings[iframeId].resizeFrom &&
- settings[iframeId].autoResize &&
- !settings[iframeId].firstRun;
- }
- for (var iframeId in settings) {
- if(isIFrameResizeEnabled(iframeId)) {
- trigger(eventName, event, document.getElementById(iframeId), iframeId);
- }
- }
- }
- function setupEventListeners() {
- addEventListener(window,'message',iFrameListener);
- addEventListener(window,'resize', function() {resizeIFrames('resize');});
- addEventListener(document,'visibilitychange',tabVisible);
- addEventListener(document,'-webkit-visibilitychange',tabVisible); //Andriod 4.4
- addEventListener(window,'focusin',function() {resizeIFrames('focus');}); //IE8-9
- addEventListener(window,'focus',function() {resizeIFrames('focus');});
- }
- function factory() {
- function init(options,element) {
- function chkType() {
- if(!element.tagName) {
- throw new TypeError('Object is not a valid DOM element');
- } else if ('IFRAME' !== element.tagName.toUpperCase()) {
- throw new TypeError('Expected <IFRAME> tag, found <'+element.tagName+'>');
- }
- }
- if(element) {
- chkType();
- setupIFrame(element, options);
- iFrames.push(element);
- }
- }
- function warnDeprecatedOptions(options) {
- if (options && options.enablePublicMethods) {
- warn('enablePublicMethods option has been removed, public methods are now always available in the iFrame');
- }
- }
- var iFrames;
- setupRequestAnimationFrame();
- setupEventListeners();
- return function iFrameResizeF(options,target) {
- iFrames = []; //Only return iFrames past in on this call
- warnDeprecatedOptions(options);
- switch (typeof(target)) {
- case 'undefined':
- case 'string':
- Array.prototype.forEach.call(
- document.querySelectorAll( target || 'iframe' ),
- init.bind(undefined, options)
- );
- break;
- case 'object':
- init(options,target);
- break;
- default:
- throw new TypeError('Unexpected data type ('+typeof(target)+')');
- }
- return iFrames;
- };
- }
- function createJQueryPublicMethod($) {
- if (!$.fn) {
- info('','Unable to bind to jQuery, it is not fully loaded.');
- } else if (!$.fn.iFrameResize) {
- $.fn.iFrameResize = function $iFrameResizeF(options) {
- function init(index, element) {
- setupIFrame(element, options);
- }
- return this.filter('iframe').each(init).end();
- };
- }
- }
- if (window.jQuery) { createJQueryPublicMethod(window.jQuery); }
- if (typeof define === 'function' && define.amd) {
- define([],factory);
- } else if (typeof module === 'object' && typeof module.exports === 'object') { //Node for browserfy
- module.exports = factory();
- } else {
- window.iFrameResize = window.iFrameResize || factory();
- }
- })();
|