JAVASCRIPT 39
IframeResizer.js Guest on 14th July 2020 05:42:57 PM
  1. /*
  2.  * File: iframeResizer.js
  3.  * Desc: Force iframes to size to content.
  4.  * Requires: iframeResizer.contentWindow.js to be loaded into the target frame.
  5.  * Doc: https://github.com/davidjbradshaw/iframe-resizer
  6.  * Author: David J. Bradshaw - [email protected]
  7.  * Contributor: Jure Mav - [email protected]
  8.  * Contributor: Reed Dadoune - [email protected]
  9.  */
  10.  
  11.  
  12. ;(function(window) {
  13.         'use strict';
  14.  
  15.         var
  16.                 count                 = 0,
  17.                 logEnabled            = false,
  18.                 hiddenCheckEnabled    = false,
  19.                 msgHeader             = 'message',
  20.                 msgHeaderLen          = msgHeader.length,
  21.                 msgId                 = '[iFrameSizer]', //Must match iframe msg ID
  22.                 msgIdLen              = msgId.length,
  23.                 pagePosition          = null,
  24.                 requestAnimationFrame = window.requestAnimationFrame,
  25.                 resetRequiredMethods  = {max:1,scroll:1,bodyScroll:1,documentElementScroll:1},
  26.                 settings              = {},
  27.                 timer                 = null,
  28.                 logId                 = 'Host Page',
  29.  
  30.                 defaults              = {
  31.                         autoResize                : true,
  32.                         bodyBackground            : null,
  33.                         bodyMargin                : null,
  34.                         bodyMarginV1              : 8,
  35.                         bodyPadding               : null,
  36.                         checkOrigin               : true,
  37.                         inPageLinks               : false,
  38.                         enablePublicMethods       : true,
  39.                         heightCalculationMethod   : 'bodyOffset',
  40.                         id                        : 'iFrameResizer',
  41.                         interval                  : 32,
  42.                         log                       : false,
  43.                         maxHeight                 : Infinity,
  44.                         maxWidth                  : Infinity,
  45.                         minHeight                 : 0,
  46.                         minWidth                  : 0,
  47.                         resizeFrom                : 'parent',
  48.                         scrolling                 : false,
  49.                         sizeHeight                : true,
  50.                         sizeWidth                 : false,
  51.                         tolerance                 : 0,
  52.                         widthCalculationMethod    : 'scroll',
  53.                         closedCallback            : function(){},
  54.                         initCallback              : function(){},
  55.                         messageCallback           : function(){warn('MessageCallback function not defined');},
  56.                         resizedCallback           : function(){},
  57.                         scrollCallback            : function(){return true;}
  58.                 };
  59.  
  60.         function addEventListener(obj,evt,func){
  61.                 /* istanbul ignore else */ // Not testable in PhantonJS
  62.                 if ('addEventListener' in window){
  63.                         obj.addEventListener(evt,func, false);
  64.                 } else if ('attachEvent' in window){//IE
  65.                         obj.attachEvent('on'+evt,func);
  66.                 }
  67.         }
  68.  
  69.         function removeEventListener(el,evt,func){
  70.                 /* istanbul ignore else */ // Not testable in phantonJS
  71.                 if ('removeEventListener' in window){
  72.                         el.removeEventListener(evt,func, false);
  73.                 } else if ('detachEvent' in window){ //IE
  74.                         el.detachEvent('on'+evt,func);
  75.                 }
  76.         }
  77.  
  78.         function setupRequestAnimationFrame(){
  79.                 var
  80.                         vendors = ['moz', 'webkit', 'o', 'ms'],
  81.                         x;
  82.  
  83.                 // Remove vendor prefixing if prefixed and break early if not
  84.                 for (x = 0; x < vendors.length && !requestAnimationFrame; x += 1) {
  85.                         requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
  86.                 }
  87.  
  88.                 if (!(requestAnimationFrame)){
  89.                         log('setup','RequestAnimationFrame not supported');
  90.                 }
  91.         }
  92.  
  93.         function getMyID(iframeId){
  94.                 var retStr = 'Host page: '+iframeId;
  95.  
  96.                 if (window.top!==window.self){
  97.                         if (window.parentIFrame && window.parentIFrame.getId){
  98.                                 retStr = window.parentIFrame.getId()+': '+iframeId;
  99.                         } else {
  100.                                 retStr = 'Nested host page: '+iframeId;
  101.                         }
  102.                 }
  103.  
  104.                 return retStr;
  105.         }
  106.  
  107.         function formatLogHeader(iframeId){
  108.                 return msgId + '[' + getMyID(iframeId) + ']';
  109.         }
  110.  
  111.         function isLogEnabled(iframeId){
  112.                 return settings[iframeId] ? settings[iframeId].log : logEnabled;
  113.         }
  114.  
  115.         function log(iframeId,msg){
  116.                 output('log',iframeId,msg,isLogEnabled(iframeId));
  117.         }
  118.  
  119.         function info(iframeId,msg){
  120.                 output('info',iframeId,msg,isLogEnabled(iframeId));
  121.         }
  122.  
  123.         function warn(iframeId,msg){
  124.                 output('warn',iframeId,msg,true);
  125.         }
  126.  
  127.         function output(type,iframeId,msg,enabled){
  128.                 if (true === enabled && 'object' === typeof window.console){
  129.                         console[type](formatLogHeader(iframeId),msg);
  130.                 }
  131.         }
  132.  
  133.         function iFrameListener(event){
  134.                 function resizeIFrame(){
  135.                         function resize(){
  136.                                 setSize(messageData);
  137.                                 setPagePosition(iframeId);
  138.                         }
  139.  
  140.                         ensureInRange('Height');
  141.                         ensureInRange('Width');
  142.  
  143.                         syncResize(resize,messageData,'init');
  144.                 }
  145.  
  146.                 function processMsg(){
  147.                         var data = msg.substr(msgIdLen).split(':');
  148.  
  149.                         return {
  150.                                 iframe: settings[data[0]].iframe,
  151.                                 id:     data[0],
  152.                                 height: data[1],
  153.                                 width:  data[2],
  154.                                 type:   data[3]
  155.                         };
  156.                 }
  157.  
  158.                 function ensureInRange(Dimension){
  159.                         var
  160.                                 max  = Number(settings[iframeId]['max' + Dimension]),
  161.                                 min  = Number(settings[iframeId]['min' + Dimension]),
  162.                                 dimension = Dimension.toLowerCase(),
  163.                                 size = Number(messageData[dimension]);
  164.  
  165.                         log(iframeId,'Checking ' + dimension + ' is in range ' + min + '-' + max);
  166.  
  167.                         if (size<min) {
  168.                                 size=min;
  169.                                 log(iframeId,'Set ' + dimension + ' to min value');
  170.                         }
  171.  
  172.                         if (size>max) {
  173.                                 size=max;
  174.                                 log(iframeId,'Set ' + dimension + ' to max value');
  175.                         }
  176.  
  177.                         messageData[dimension] = '' + size;
  178.                 }
  179.  
  180.  
  181.                 function isMessageFromIFrame(){
  182.                         function checkAllowedOrigin(){
  183.                                 function checkList(){
  184.                                         var
  185.                                                 i = 0,
  186.                                                 retCode = false;
  187.  
  188.                                         log(iframeId,'Checking connection is from allowed list of origins: ' + checkOrigin);
  189.  
  190.                                         for (; i < checkOrigin.length; i++) {
  191.                                                 if (checkOrigin[i] === origin) {
  192.                                                         retCode = true;
  193.                                                         break;
  194.                                                 }
  195.                                         }
  196.                                         return retCode;
  197.                                 }
  198.  
  199.                                 function checkSingle(){
  200.                                         var remoteHost  = settings[iframeId].remoteHost;
  201.                                         log(iframeId,'Checking connection is from: '+remoteHost);
  202.                                         return origin === remoteHost;
  203.                                 }
  204.  
  205.                                 return checkOrigin.constructor === Array ? checkList() : checkSingle();
  206.                         }
  207.  
  208.                         var
  209.                                 origin      = event.origin,
  210.                                 checkOrigin = settings[iframeId].checkOrigin;
  211.  
  212.                         if (checkOrigin && (''+origin !== 'null') && !checkAllowedOrigin()) {
  213.                                 throw new Error(
  214.                                         'Unexpected message received from: ' + origin +
  215.                                         ' for ' + messageData.iframe.id +
  216.                                         '. Message was: ' + event.data +
  217.                                         '. This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.'
  218.                                 );
  219.                         }
  220.  
  221.                         return true;
  222.                 }
  223.  
  224.                 function isMessageForUs(){
  225.                         return msgId === (('' + msg).substr(0,msgIdLen)) && (msg.substr(msgIdLen).split(':')[0] in settings); //''+Protects against non-string msg
  226.                 }
  227.  
  228.                 function isMessageFromMetaParent(){
  229.                         //Test if this message is from a parent above us. This is an ugly test, however, updating
  230.                         //the message format would break backwards compatibity.
  231.                         var retCode = messageData.type in {'true':1,'false':1,'undefined':1};
  232.  
  233.                         if (retCode){
  234.                                 log(iframeId,'Ignoring init message from meta parent page');
  235.                         }
  236.  
  237.                         return retCode;
  238.                 }
  239.  
  240.                 function getMsgBody(offset){
  241.                         return msg.substr(msg.indexOf(':')+msgHeaderLen+offset);
  242.                 }
  243.  
  244.                 function forwardMsgFromIFrame(msgBody){
  245.                         log(iframeId,'MessageCallback passed: {iframe: '+ messageData.iframe.id + ', message: ' + msgBody + '}');
  246.                         callback('messageCallback',{
  247.                                 iframe: messageData.iframe,
  248.                                 message: JSON.parse(msgBody)
  249.                         });
  250.                         log(iframeId,'--');
  251.                 }
  252.  
  253.                 function getPageInfo(){
  254.                         var
  255.                                 bodyPosition   = document.body.getBoundingClientRect(),
  256.                                 iFramePosition = messageData.iframe.getBoundingClientRect();
  257.  
  258.                         return JSON.stringify({
  259.                                 clientHeight: Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
  260.                                 clientWidth:  Math.max(document.documentElement.clientWidth,  window.innerWidth  || 0),
  261.                                 offsetTop:    parseInt(iFramePosition.top  - bodyPosition.top,  10),
  262.                                 offsetLeft:   parseInt(iFramePosition.left - bodyPosition.left, 10),
  263.                                 scrollTop:    window.pageYOffset,
  264.                                 scrollLeft:   window.pageXOffset
  265.                         });
  266.                 }
  267.  
  268.                 function sendPageInfoToIframe(iframe,iframeId){
  269.                         function debouncedTrigger(){
  270.                                 trigger(
  271.                                         'Send Page Info',
  272.                                         'pageInfo:' + getPageInfo(),
  273.                                         iframe,
  274.                                         iframeId
  275.                                 );
  276.                         }
  277.  
  278.                         debouce(debouncedTrigger,32);
  279.                 }
  280.  
  281.  
  282.                 function startPageInfoMonitor(){
  283.                         function setListener(type,func){
  284.                                 function sendPageInfo(){
  285.                                         if (settings[id]){
  286.                                                 sendPageInfoToIframe(settings[id].iframe,id);
  287.                                         } else {
  288.                                                 stop();
  289.                                         }
  290.                                 }
  291.  
  292.                                 ['scroll','resize'].forEach(function(evt){
  293.                                         log(id, type +  evt + ' listener for sendPageInfo');
  294.                                         func(window,evt,sendPageInfo);
  295.                                 });
  296.                         }
  297.  
  298.                         function stop(){
  299.                                 setListener('Remove ', removeEventListener);
  300.                         }
  301.  
  302.                         function start(){
  303.                                 setListener('Add ', addEventListener);
  304.                         }
  305.                        
  306.                         var id = iframeId; //Create locally scoped copy of iFrame ID
  307.  
  308.                         start();
  309.  
  310.                         settings[id].stopPageInfo = stop;
  311.                 }
  312.  
  313.                 function stopPageInfoMonitor(){
  314.                         if (settings[iframeId] && settings[iframeId].stopPageInfo){
  315.                                 settings[iframeId].stopPageInfo();
  316.                                 delete settings[iframeId].stopPageInfo;
  317.                         }
  318.                 }
  319.  
  320.                 function checkIFrameExists(){
  321.                         var retBool = true;
  322.  
  323.                         if (null === messageData.iframe) {
  324.                                 warn(iframeId,'IFrame ('+messageData.id+') not found');
  325.                                 retBool = false;
  326.                         }
  327.                         return retBool;
  328.                 }
  329.  
  330.                 function getElementPosition(target){
  331.                         var iFramePosition = target.getBoundingClientRect();
  332.  
  333.                         getPagePosition(iframeId);
  334.  
  335.                         return {
  336.                                 x: Math.floor( Number(iFramePosition.left) + Number(pagePosition.x) ),
  337.                                 y: Math.floor( Number(iFramePosition.top)  + Number(pagePosition.y) )
  338.                         };
  339.                 }
  340.  
  341.                 function scrollRequestFromChild(addOffset){
  342.                         /* istanbul ignore next */  //Not testable in Karma
  343.                         function reposition(){
  344.                                 pagePosition = newPosition;
  345.                                 scrollTo();
  346.                                 log(iframeId,'--');
  347.                         }
  348.  
  349.                         function calcOffset(){
  350.                                 return {
  351.                                         x: Number(messageData.width) + offset.x,
  352.                                         y: Number(messageData.height) + offset.y
  353.                                 };
  354.                         }
  355.  
  356.                         function scrollParent(){
  357.                                 if (window.parentIFrame){
  358.                                         window.parentIFrame['scrollTo'+(addOffset?'Offset':'')](newPosition.x,newPosition.y);
  359.                                 } else {
  360.                                         warn(iframeId,'Unable to scroll to requested position, window.parentIFrame not found');
  361.                                 }
  362.                         }
  363.  
  364.                         var
  365.                                 offset = addOffset ? getElementPosition(messageData.iframe) : {x:0,y:0},
  366.                                 newPosition = calcOffset();
  367.  
  368.                         log(iframeId,'Reposition requested from iFrame (offset x:'+offset.x+' y:'+offset.y+')');
  369.  
  370.                         if(window.top!==window.self){
  371.                                 scrollParent();
  372.                         } else {
  373.                                 reposition();
  374.                         }
  375.                 }
  376.  
  377.                 function scrollTo(){
  378.                         if (false !== callback('scrollCallback',pagePosition)){
  379.                                 setPagePosition(iframeId);
  380.                         } else {
  381.                                 unsetPagePosition();
  382.                         }
  383.                 }
  384.  
  385.                 function findTarget(location){
  386.                         function jumpToTarget(){
  387.                                 var jumpPosition = getElementPosition(target);
  388.  
  389.                                 log(iframeId,'Moving to in page link (#'+hash+') at x: '+jumpPosition.x+' y: '+jumpPosition.y);
  390.                                 pagePosition = {
  391.                                         x: jumpPosition.x,
  392.                                         y: jumpPosition.y
  393.                                 };
  394.  
  395.                                 scrollTo();
  396.                                 log(iframeId,'--');
  397.                         }
  398.  
  399.                         function jumpToParent(){
  400.                                 if (window.parentIFrame){
  401.                                         window.parentIFrame.moveToAnchor(hash);
  402.                                 } else {
  403.                                         log(iframeId,'In page link #'+hash+' not found and window.parentIFrame not found');
  404.                                 }
  405.                         }
  406.  
  407.                         var
  408.                                 hash     = location.split('#')[1] || '',
  409.                                 hashData = decodeURIComponent(hash),
  410.                                 target   = document.getElementById(hashData) || document.getElementsByName(hashData)[0];
  411.  
  412.                         if (target){
  413.                                 jumpToTarget();
  414.                         } else if(window.top!==window.self){
  415.                                 jumpToParent();
  416.                         } else {
  417.                                 log(iframeId,'In page link #'+hash+' not found');
  418.                         }
  419.                 }
  420.  
  421.                 function callback(funcName,val){
  422.                         return chkCallback(iframeId,funcName,val);
  423.                 }
  424.  
  425.                 function actionMsg(){
  426.  
  427.                         if(settings[iframeId].firstRun) firstRun();
  428.  
  429.                         switch(messageData.type){
  430.                         case 'close':
  431.                                 closeIFrame(messageData.iframe);
  432.                                 break;
  433.                         case 'message':
  434.                                 forwardMsgFromIFrame(getMsgBody(6));
  435.                                 break;
  436.                         case 'scrollTo':
  437.                                 scrollRequestFromChild(false);
  438.                                 break;
  439.                         case 'scrollToOffset':
  440.                                 scrollRequestFromChild(true);
  441.                                 break;
  442.                         case 'pageInfo':
  443.                                 sendPageInfoToIframe(settings[iframeId].iframe,iframeId);
  444.                                 startPageInfoMonitor();
  445.                                 break;
  446.                         case 'pageInfoStop':
  447.                                 stopPageInfoMonitor();
  448.                                 break;
  449.                         case 'inPageLink':
  450.                                 findTarget(getMsgBody(9));
  451.                                 break;
  452.                         case 'reset':
  453.                                 resetIFrame(messageData);
  454.                                 break;
  455.                         case 'init':
  456.                                 resizeIFrame();
  457.                                 callback('initCallback',messageData.iframe);
  458.                                 callback('resizedCallback',messageData);
  459.                                 break;
  460.                         default:
  461.                                 resizeIFrame();
  462.                                 callback('resizedCallback',messageData);
  463.                         }
  464.                 }
  465.  
  466.                 function hasSettings(iframeId){
  467.                         var retBool = true;
  468.  
  469.                         if (!settings[iframeId]){
  470.                                 retBool = false;
  471.                                 warn(messageData.type + ' No settings for ' + iframeId + '. Message was: ' + msg);
  472.                         }
  473.  
  474.                         return retBool;
  475.                 }
  476.  
  477.                 function iFrameReadyMsgReceived(){
  478.                         for (var iframeId in settings){
  479.                                 trigger('iFrame requested init',createOutgoingMsg(iframeId),document.getElementById(iframeId),iframeId);
  480.                         }
  481.                 }
  482.  
  483.                 function firstRun() {
  484.                         settings[iframeId].firstRun = false;
  485.                 }
  486.  
  487.                 var
  488.                         msg = event.data,
  489.                         messageData = {},
  490.                         iframeId = null;
  491.  
  492.                 if('[iFrameResizerChild]Ready' === msg){
  493.                         iFrameReadyMsgReceived();
  494.                 } else if (isMessageForUs()){
  495.                         messageData = processMsg();
  496.                         iframeId    = logId = messageData.id;
  497.  
  498.                         if (!isMessageFromMetaParent() && hasSettings(iframeId)){
  499.                                 log(iframeId,'Received: '+msg);
  500.  
  501.                                 if ( checkIFrameExists() && isMessageFromIFrame() ){
  502.                                         actionMsg();
  503.                                 }
  504.                         }
  505.                 } else {
  506.                         info(iframeId,'Ignored: '+msg);
  507.                 }
  508.  
  509.         }
  510.  
  511.  
  512.         function chkCallback(iframeId,funcName,val){
  513.                 var
  514.                         func = null,
  515.                         retVal = null;
  516.  
  517.                 if(settings[iframeId]){
  518.                         func = settings[iframeId][funcName];
  519.  
  520.                         if( 'function' === typeof func){
  521.                                 retVal = func(val);
  522.                         } else {
  523.                                 throw new TypeError(funcName+' on iFrame['+iframeId+'] is not a function');
  524.                         }
  525.                 }
  526.  
  527.                 return retVal;
  528.         }
  529.  
  530.         function closeIFrame(iframe){
  531.                 var iframeId = iframe.id;
  532.  
  533.                 log(iframeId,'Removing iFrame: '+iframeId);
  534.                 iframe.parentNode.removeChild(iframe);
  535.                 chkCallback(iframeId,'closedCallback',iframeId);
  536.                 log(iframeId,'--');
  537.                 delete settings[iframeId];
  538.         }
  539.  
  540.         function getPagePosition(iframeId){
  541.                 if(null === pagePosition){
  542.                         pagePosition = {
  543.                                 x: (window.pageXOffset !== undefined) ? window.pageXOffset : document.documentElement.scrollLeft,
  544.                                 y: (window.pageYOffset !== undefined) ? window.pageYOffset : document.documentElement.scrollTop
  545.                         };
  546.                         log(iframeId,'Get page position: '+pagePosition.x+','+pagePosition.y);
  547.                 }
  548.         }
  549.  
  550.         function setPagePosition(iframeId){
  551.                 if(null !== pagePosition){
  552.                         window.scrollTo(pagePosition.x,pagePosition.y);
  553.                         log(iframeId,'Set page position: '+pagePosition.x+','+pagePosition.y);
  554.                         unsetPagePosition();
  555.                 }
  556.         }
  557.  
  558.         function unsetPagePosition(){
  559.                 pagePosition = null;
  560.         }
  561.  
  562.         function resetIFrame(messageData){
  563.                 function reset(){
  564.                         setSize(messageData);
  565.                         trigger('reset','reset',messageData.iframe,messageData.id);
  566.                 }
  567.  
  568.                 log(messageData.id,'Size reset requested by '+('init'===messageData.type?'host page':'iFrame'));
  569.                 getPagePosition(messageData.id);
  570.                 syncResize(reset,messageData,'reset');
  571.         }
  572.  
  573.         function setSize(messageData){
  574.                 function setDimension(dimension){
  575.                         messageData.iframe.style[dimension] = messageData[dimension] + 'px';
  576.                         log(
  577.                                 messageData.id,
  578.                                 'IFrame (' + iframeId +
  579.                                 ') ' + dimension +
  580.                                 ' set to ' + messageData[dimension] + 'px'
  581.                         );
  582.                 }
  583.  
  584.                 function chkZero(dimension){
  585.                         //FireFox sets dimension of hidden iFrames to zero.
  586.                         //So if we detect that set up an event to check for
  587.                         //when iFrame becomes visible.
  588.  
  589.                         /* istanbul ignore next */  //Not testable in PhantomJS
  590.                         if (!hiddenCheckEnabled && '0' === messageData[dimension]){
  591.                                 hiddenCheckEnabled = true;
  592.                                 log(iframeId,'Hidden iFrame detected, creating visibility listener');
  593.                                 fixHiddenIFrames();
  594.                         }
  595.                 }
  596.  
  597.                 function processDimension(dimension){
  598.                         setDimension(dimension);
  599.                         chkZero(dimension);
  600.                 }
  601.  
  602.                 var iframeId = messageData.iframe.id;
  603.  
  604.                 if(settings[iframeId]){
  605.                         if( settings[iframeId].sizeHeight) { processDimension('height'); }
  606.                         if( settings[iframeId].sizeWidth ) { processDimension('width'); }
  607.                 }
  608.         }
  609.  
  610.         function syncResize(func,messageData,doNotSync){
  611.                 /* istanbul ignore if */  //Not testable in PhantomJS
  612.                 if(doNotSync!==messageData.type && requestAnimationFrame){
  613.                         log(messageData.id,'Requesting animation frame');
  614.                         requestAnimationFrame(func);
  615.                 } else {
  616.                         func();
  617.                 }
  618.         }
  619.  
  620.         function trigger(calleeMsg,msg,iframe,id){
  621.                 function postMessageToIFrame(){
  622.                         var target = settings[id].targetOrigin;
  623.                         log(id,'[' + calleeMsg + '] Sending msg to iframe['+id+'] ('+msg+') targetOrigin: '+target);
  624.                         iframe.contentWindow.postMessage( msgId + msg, target );
  625.                 }
  626.  
  627.                 function iFrameNotFound(){
  628.                         info(id,'[' + calleeMsg + '] IFrame('+id+') not found');
  629.                         if(settings[id]) {
  630.                                 delete settings[id];
  631.                         }
  632.                 }
  633.  
  634.                 function chkAndSend(){
  635.                         if(iframe && 'contentWindow' in iframe && (null !== iframe.contentWindow)){ //Null test for PhantomJS
  636.                                 postMessageToIFrame();
  637.                         } else {
  638.                                 iFrameNotFound();
  639.                         }
  640.                 }
  641.  
  642.                 id = id || iframe.id;
  643.  
  644.                 if(settings[id]) {
  645.                         chkAndSend();
  646.                 }
  647.  
  648.         }
  649.  
  650.         function createOutgoingMsg(iframeId){
  651.                 return iframeId +
  652.                         ':' + settings[iframeId].bodyMarginV1 +
  653.                         ':' + settings[iframeId].sizeWidth +
  654.                         ':' + settings[iframeId].log +
  655.                         ':' + settings[iframeId].interval +
  656.                         ':' + settings[iframeId].enablePublicMethods +
  657.                         ':' + settings[iframeId].autoResize +
  658.                         ':' + settings[iframeId].bodyMargin +
  659.                         ':' + settings[iframeId].heightCalculationMethod +
  660.                         ':' + settings[iframeId].bodyBackground +
  661.                         ':' + settings[iframeId].bodyPadding +
  662.                         ':' + settings[iframeId].tolerance +
  663.                         ':' + settings[iframeId].inPageLinks +
  664.                         ':' + settings[iframeId].resizeFrom +
  665.                         ':' + settings[iframeId].widthCalculationMethod;
  666.         }
  667.  
  668.         function setupIFrame(iframe,options){
  669.                 function setLimits(){
  670.                         function addStyle(style){
  671.                                 if ((Infinity !== settings[iframeId][style]) && (0 !== settings[iframeId][style])){
  672.                                         iframe.style[style] = settings[iframeId][style] + 'px';
  673.                                         log(iframeId,'Set '+style+' = '+settings[iframeId][style]+'px');
  674.                                 }
  675.                         }
  676.  
  677.                         function chkMinMax(dimension){
  678.                                 if (settings[iframeId]['min'+dimension]>settings[iframeId]['max'+dimension]){
  679.                                         throw new Error('Value for min'+dimension+' can not be greater than max'+dimension);
  680.                                 }
  681.                         }
  682.  
  683.                         chkMinMax('Height');
  684.                         chkMinMax('Width');
  685.  
  686.                         addStyle('maxHeight');
  687.                         addStyle('minHeight');
  688.                         addStyle('maxWidth');
  689.                         addStyle('minWidth');
  690.                 }
  691.  
  692.                 function newId(){
  693.                         var id = ((options && options.id) || defaults.id + count++);
  694.                         if  (null!==document.getElementById(id)){
  695.                                 id = id + count++;
  696.                         }
  697.                         return id;
  698.                 }
  699.  
  700.                 function ensureHasId(iframeId){
  701.                         logId=iframeId;
  702.                         if (''===iframeId){
  703.                                 iframe.id = iframeId =  newId();
  704.                                 logEnabled = (options || {}).log;
  705.                                 logId=iframeId;
  706.                                 log(iframeId,'Added missing iframe ID: '+ iframeId +' (' + iframe.src + ')');
  707.                         }
  708.  
  709.  
  710.                         return iframeId;
  711.                 }
  712.  
  713.                 function setScrolling(){
  714.                         log(iframeId,'IFrame scrolling ' + (settings[iframeId].scrolling ? 'enabled' : 'disabled') + ' for ' + iframeId);
  715.                         iframe.style.overflow = false === settings[iframeId].scrolling ? 'hidden' : 'auto';
  716.                         iframe.scrolling      = false === settings[iframeId].scrolling ? 'no' : 'yes';
  717.                 }
  718.  
  719.                 //The V1 iFrame script expects an int, where as in V2 expects a CSS
  720.                 //string value such as '1px 3em', so if we have an int for V2, set V1=V2
  721.                 //and then convert V2 to a string PX value.
  722.                 function setupBodyMarginValues(){
  723.                         if (('number'===typeof(settings[iframeId].bodyMargin)) || ('0'===settings[iframeId].bodyMargin)){
  724.                                 settings[iframeId].bodyMarginV1 = settings[iframeId].bodyMargin;
  725.                                 settings[iframeId].bodyMargin   = '' + settings[iframeId].bodyMargin + 'px';
  726.                         }
  727.                 }
  728.  
  729.                 function checkReset(){
  730.                         // Reduce scope of firstRun to function, because IE8's JS execution
  731.                         // context stack is borked and this value gets externally
  732.                         // changed midway through running this function!!!
  733.                         var
  734.                                 firstRun           = settings[iframeId].firstRun,
  735.                                 resetRequertMethod = settings[iframeId].heightCalculationMethod in resetRequiredMethods;
  736.  
  737.                         if (!firstRun && resetRequertMethod){
  738.                                 resetIFrame({iframe:iframe, height:0, width:0, type:'init'});
  739.                         }
  740.                 }
  741.  
  742.                 function setupIFrameObject(){
  743.                         if(Function.prototype.bind){ //Ignore unpolyfilled IE8.
  744.                                 settings[iframeId].iframe.iFrameResizer = {
  745.  
  746.                                         close        : closeIFrame.bind(null,settings[iframeId].iframe),
  747.  
  748.                                         resize       : trigger.bind(null,'Window resize', 'resize', settings[iframeId].iframe),
  749.  
  750.                                         moveToAnchor : function(anchor){
  751.                                                 trigger('Move to anchor','inPageLink:'+anchor, settings[iframeId].iframe,iframeId);
  752.                                         },
  753.  
  754.                                         sendMessage  : function(message){
  755.                                                 message = JSON.stringify(message);
  756.                                                 trigger('Send Message','message:'+message, settings[iframeId].iframe,iframeId);
  757.                                         }
  758.                                 };
  759.                         }
  760.                 }
  761.  
  762.                 //We have to call trigger twice, as we can not be sure if all
  763.                 //iframes have completed loading when this code runs. The
  764.                 //event listener also catches the page changing in the iFrame.
  765.                 function init(msg){
  766.                         function iFrameLoaded(){
  767.                                 trigger('iFrame.onload',msg,iframe);
  768.                                 checkReset();
  769.                         }
  770.  
  771.                         addEventListener(iframe,'load',iFrameLoaded);
  772.                         trigger('init',msg,iframe);
  773.                 }
  774.  
  775.                 function checkOptions(options){
  776.                         if ('object' !== typeof options){
  777.                                 throw new TypeError('Options is not an object');
  778.                         }
  779.                 }
  780.  
  781.                 function copyOptions(options){
  782.                         for (var option in defaults) {
  783.                                 if (defaults.hasOwnProperty(option)){
  784.                                         settings[iframeId][option] = options.hasOwnProperty(option) ? options[option] : defaults[option];
  785.                                 }
  786.                         }
  787.                 }
  788.  
  789.                 function getTargetOrigin (remoteHost){
  790.                         return ('' === remoteHost || 'file://' === remoteHost) ? '*' : remoteHost;
  791.                 }
  792.  
  793.                 function processOptions(options){
  794.                         options = options || {};
  795.                         settings[iframeId] = {
  796.                                 firstRun        : true,
  797.                                 iframe          : iframe,
  798.                                 remoteHost      : iframe.src.split('/').slice(0,3).join('/')
  799.                         };
  800.  
  801.                         checkOptions(options);
  802.                         copyOptions(options);
  803.  
  804.                         settings[iframeId].targetOrigin = true === settings[iframeId].checkOrigin ? getTargetOrigin(settings[iframeId].remoteHost) : '*';
  805.                 }
  806.  
  807.                 function beenHere(){
  808.                         return (iframeId in settings && 'iFrameResizer' in iframe);
  809.                 }
  810.  
  811.                 var iframeId = ensureHasId(iframe.id);
  812.  
  813.                 if (!beenHere()){
  814.                         processOptions(options);
  815.                         setScrolling();
  816.                         setLimits();
  817.                         setupBodyMarginValues();
  818.                         init(createOutgoingMsg(iframeId));
  819.                         setupIFrameObject();
  820.                 } else {
  821.                         warn(iframeId,'Ignored iFrame, already setup.');
  822.                 }
  823.         }
  824.  
  825.         function debouce(fn,time){
  826.                 if (null === timer){
  827.                         timer = setTimeout(function(){
  828.                                 timer = null;
  829.                                 fn();
  830.                         }, time);
  831.                 }
  832.         }
  833.  
  834.         /* istanbul ignore next */  //Not testable in PhantomJS
  835.         function fixHiddenIFrames(){
  836.                 function checkIFrames(){
  837.                         function checkIFrame(settingId){
  838.                                 function chkDimension(dimension){
  839.                                         return '0px' === settings[settingId].iframe.style[dimension];
  840.                                 }
  841.  
  842.                                 function isVisible(el) {
  843.                                         return (null !== el.offsetParent);
  844.                                 }
  845.  
  846.                                 if (isVisible(settings[settingId].iframe) && (chkDimension('height') || chkDimension('width'))){
  847.                                         trigger('Visibility change', 'resize', settings[settingId].iframe,settingId);
  848.                                 }
  849.                         }
  850.  
  851.                         for (var settingId in settings){
  852.                                 checkIFrame(settingId);
  853.                         }
  854.                 }
  855.  
  856.                 function mutationObserved(mutations){
  857.                         log('window','Mutation observed: ' + mutations[0].target + ' ' + mutations[0].type);
  858.                         debouce(checkIFrames,16);
  859.                 }
  860.  
  861.                 function createMutationObserver(){
  862.                         var
  863.                                 target = document.querySelector('body'),
  864.  
  865.                                 config = {
  866.                                         attributes            : true,
  867.                                         attributeOldValue     : false,
  868.                                         characterData         : true,
  869.                                         characterDataOldValue : false,
  870.                                         childList             : true,
  871.                                         subtree               : true
  872.                                 },
  873.  
  874.                                 observer = new MutationObserver(mutationObserved);
  875.  
  876.                         observer.observe(target, config);
  877.                 }
  878.  
  879.                 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  880.  
  881.                 if (MutationObserver) createMutationObserver();
  882.         }
  883.  
  884.  
  885.         function resizeIFrames(event){
  886.                 function resize(){
  887.                         sendTriggerMsg('Window '+event,'resize');
  888.                 }
  889.  
  890.                 log('window','Trigger event: '+event);
  891.                 debouce(resize,16);
  892.         }
  893.  
  894.         /* istanbul ignore next */  //Not testable in PhantomJS
  895.         function tabVisible() {
  896.                 function resize(){
  897.                         sendTriggerMsg('Tab Visable','resize');
  898.                 }
  899.  
  900.                 if('hidden' !== document.visibilityState) {
  901.                         log('document','Trigger event: Visiblity change');
  902.                         debouce(resize,16);
  903.                 }
  904.         }
  905.  
  906.         function sendTriggerMsg(eventName,event){
  907.                 function isIFrameResizeEnabled(iframeId) {
  908.                         return  'parent' === settings[iframeId].resizeFrom &&
  909.                                         settings[iframeId].autoResize &&
  910.                                         !settings[iframeId].firstRun;
  911.                 }
  912.  
  913.                 for (var iframeId in settings){
  914.                         if(isIFrameResizeEnabled(iframeId)){
  915.                                 trigger(eventName,event,document.getElementById(iframeId),iframeId);
  916.                         }
  917.                 }
  918.         }
  919.  
  920.         function setupEventListeners(){
  921.                 addEventListener(window,'message',iFrameListener);
  922.  
  923.                 addEventListener(window,'resize', function(){resizeIFrames('resize');});
  924.  
  925.                 addEventListener(document,'visibilitychange',tabVisible);
  926.                 addEventListener(document,'-webkit-visibilitychange',tabVisible); //Andriod 4.4
  927.                 addEventListener(window,'focusin',function(){resizeIFrames('focus');}); //IE8-9
  928.                 addEventListener(window,'focus',function(){resizeIFrames('focus');});
  929.         }
  930.  
  931.  
  932.         function factory(){
  933.                 function init(options,element){
  934.                         function chkType(){
  935.                                 if(!element.tagName) {
  936.                                         throw new TypeError('Object is not a valid DOM element');
  937.                                 } else if ('IFRAME' !== element.tagName.toUpperCase()) {
  938.                                         throw new TypeError('Expected <IFRAME> tag, found <'+element.tagName+'>');
  939.                                 }
  940.                         }
  941.  
  942.                         if(element) {
  943.                                 chkType();
  944.                                 setupIFrame(element, options);
  945.                                 iFrames.push(element);
  946.                         }
  947.                 }
  948.  
  949.                 var iFrames;
  950.  
  951.                 setupRequestAnimationFrame();
  952.                 setupEventListeners();
  953.  
  954.                 return function iFrameResizeF(options,target){
  955.                         iFrames = []; //Only return iFrames past in on this call
  956.  
  957.                         switch (typeof(target)){
  958.                         case 'undefined':
  959.                         case 'string':
  960.                                 Array.prototype.forEach.call(
  961.                                         document.querySelectorAll( target || 'iframe' ),
  962.                                         init.bind(undefined, options)
  963.                                 );
  964.                                 break;
  965.                         case 'object':
  966.                                 init(options,target);
  967.                                 break;
  968.                         default:
  969.                                 throw new TypeError('Unexpected data type ('+typeof(target)+')');
  970.                         }
  971.  
  972.                         return iFrames;
  973.                 };
  974.         }
  975.  
  976.         function createJQueryPublicMethod($){
  977.                 $.fn.iFrameResize = function $iFrameResizeF(options) {
  978.                         return this.filter('iframe').each(function (index, element) {
  979.                                 setupIFrame(element, options);
  980.                         }).end();
  981.                 };
  982.         }
  983.  
  984.         if (window.jQuery) { createJQueryPublicMethod(jQuery); }
  985.  
  986.         if (typeof define === 'function' && define.amd) {
  987.                 define([],factory);
  988.         } else if (typeof module === 'object' && typeof module.exports === 'object') { //Node for browserfy
  989.                 module.exports = factory();
  990.         } else {
  991.                 window.iFrameResize = window.iFrameResize || factory();
  992.         }
  993.  
  994. })(window || {});

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.