1/* 2 * File: iframeResizer.contentWindow.js 3 * Desc: Include this file in any page being loaded into an iframe 4 * to force the iframe to resize to the content size. 5 * Requires: iframeResizer.js on host page. 6 * Doc: https://github.com/davidjbradshaw/iframe-resizer 7 * Author: David J. Bradshaw - [email protected] 8 * Contributor: Jure Mav - [email protected] 9 * Contributor: Ian Caunce - [email protected] 10 */ 11 12 13;(function(window) { 14 'use strict'; 15 16 var 17 autoResize = true, 18 base = 10, 19 bodyBackground = '', 20 bodyMargin = 0, 21 bodyMarginStr = '', 22 bodyObserver = null, 23 bodyPadding = '', 24 calculateWidth = false, 25 doubleEventList = {'resize':1,'click':1}, 26 eventCancelTimer = 128, 27 firstRun = true, 28 height = 1, 29 heightCalcModeDefault = 'bodyOffset', 30 heightCalcMode = heightCalcModeDefault, 31 initLock = true, 32 initMsg = '', 33 inPageLinks = {}, 34 interval = 32, 35 intervalTimer = null, 36 logging = false, 37 msgID = '[iFrameSizer]', //Must match host page msg ID 38 msgIdLen = msgID.length, 39 myID = '', 40 observer = null, 41 resetRequiredMethods = {max:1,min:1,bodyScroll:1,documentElementScroll:1}, 42 resizeFrom = 'child', 43 sendPermit = true, 44 target = window.parent, 45 targetOriginDefault = '*', 46 tolerance = 0, 47 triggerLocked = false, 48 triggerLockedTimer = null, 49 throttledTimer = 16, 50 width = 1, 51 widthCalcModeDefault = 'scroll', 52 widthCalcMode = widthCalcModeDefault, 53 win = window, 54 messageCallback = function(){warn('MessageCallback function not defined');}, 55 readyCallback = function(){}, 56 pageInfoCallback = function(){}; 57 58 59 function addEventListener(el,evt,func){ 60 /* istanbul ignore else */ // Not testable in phantonJS 61 if ('addEventListener' in window){ 62 el.addEventListener(evt,func, false); 63 } else if ('attachEvent' in window){ //IE 64 el.attachEvent('on'+evt,func); 65 } 66 } 67 68 function removeEventListener(el,evt,func){ 69 /* istanbul ignore else */ // Not testable in phantonJS 70 if ('removeEventListener' in window){ 71 el.removeEventListener(evt,func, false); 72 } else if ('detachEvent' in window){ //IE 73 el.detachEvent('on'+evt,func); 74 } 75 } 76 77 function capitalizeFirstLetter(string) { 78 return string.charAt(0).toUpperCase() + string.slice(1); 79 } 80 81 //Based on underscore.js 82 function throttle(func) { 83 var 84 context, args, result, 85 timeout = null, 86 previous = 0, 87 later = function() { 88 previous = getNow(); 89 timeout = null; 90 result = func.apply(context, args); 91 if (!timeout) { 92 context = args = null; 93 } 94 }; 95 96 return function() { 97 var now = getNow(); 98 99 if (!previous) { 100 previous = now; 101 } 102 103 var remaining = throttledTimer - (now - previous); 104 105 context = this; 106 args = arguments; 107 108 if (remaining <= 0 || remaining > throttledTimer) { 109 if (timeout) { 110 clearTimeout(timeout); 111 timeout = null; 112 } 113 114 previous = now; 115 result = func.apply(context, args); 116 117 if (!timeout) { 118 context = args = null; 119 } 120 121 } else if (!timeout) { 122 timeout = setTimeout(later, remaining); 123 } 124 125 return result; 126 }; 127 } 128 129 var getNow = Date.now || function() { 130 /* istanbul ignore next */ // Not testable in PhantonJS 131 return new Date().getTime(); 132 }; 133 134 function formatLogMsg(msg){ 135 return msgID + '[' + myID + ']' + ' ' + msg; 136 } 137 138 function log(msg){ 139 if (logging && ('object' === typeof window.console)){ 140 console.log(formatLogMsg(msg)); 141 } 142 } 143 144 function warn(msg){ 145 if ('object' === typeof window.console){ 146 console.warn(formatLogMsg(msg)); 147 } 148 } 149 150 151 function init(){ 152 readDataFromParent(); 153 log('Initialising iFrame ('+location.href+')'); 154 readDataFromPage(); 155 setMargin(); 156 setBodyStyle('background',bodyBackground); 157 setBodyStyle('padding',bodyPadding); 158 injectClearFixIntoBodyElement(); 159 checkHeightMode(); 160 checkWidthMode(); 161 stopInfiniteResizingOfIFrame(); 162 setupPublicMethods(); 163 startEventListeners(); 164 inPageLinks = setupInPageLinks(); 165 sendSize('init','Init message from host page'); 166 readyCallback(); 167 } 168 169 function readDataFromParent(){ 170 171 function strBool(str){ 172 return 'true' === str ? true : false;
173 } 174 175 var data = initMsg.substr(msgIdLen).split(':'); 176 177 myID = data[0]; 178 bodyMargin = (undefined !== data[1]) ? Number(data[1]) : bodyMargin; //For V1 compatibility 179 calculateWidth = (undefined !== data[2]) ? strBool(data[2]) : calculateWidth; 180 logging = (undefined !== data[3]) ? strBool(data[3]) : logging; 181 interval = (undefined !== data[4]) ? Number(data[4]) : interval; 182 autoResize = (undefined !== data[6]) ? strBool(data[6]) : autoResize; 183 bodyMarginStr = data[7]; 184 heightCalcMode = (undefined !== data[8]) ? data[8] : heightCalcMode; 185 bodyBackground = data[9]; 186 bodyPadding = data[10]; 187 tolerance = (undefined !== data[11]) ? Number(data[11]) : tolerance; 188 inPageLinks.enable = (undefined !== data[12]) ? strBool(data[12]): false; 189 resizeFrom = (undefined !== data[13]) ? data[13] : resizeFrom; 190 widthCalcMode = (undefined !== data[14]) ? data[14] : widthCalcMode; 191 } 192 193 function readDataFromPage(){ 194 function readData(){ 195 var data = window.iFrameResizer; 196 197 log('Reading data from page: ' + JSON.stringify(data)); 198 199 messageCallback = ('messageCallback' in data) ? data.messageCallback : messageCallback; 200 readyCallback = ('readyCallback' in data) ? data.readyCallback : readyCallback; 201 targetOriginDefault = ('targetOrigin' in data) ? data.targetOrigin : targetOriginDefault; 202 heightCalcMode = ('heightCalculationMethod' in data) ? data.heightCalculationMethod : heightCalcMode; 203 widthCalcMode = ('widthCalculationMethod' in data) ? data.widthCalculationMethod : widthCalcMode; 204 } 205 206 if(('iFrameResizer' in window) && (Object === window.iFrameResizer.constructor)) { 207 readData(); 208 } 209 210 log('TargetOrigin for parent set to: ' + targetOriginDefault); 211 } 212 213 214 function chkCSS(attr,value){ 215 if (-1 !== value.indexOf('-')){ 216 warn('Negative CSS value ignored for '+attr); 217 value=''; 218 } 219 return value; 220 } 221 222 function setBodyStyle(attr,value){ 223 if ((undefined !== value) && ('' !== value) && ('null' !== value)){ 224 document.body.style[attr] = value; 225 log('Body '+attr+' set to "'+value+'"'); 226 } 227 } 228 229 function setMargin(){ 230 //If called via V1 script, convert bodyMargin from int to str 231 if (undefined === bodyMarginStr){ 232 bodyMarginStr = bodyMargin+'px'; 233 } 234 235 setBodyStyle('margin',chkCSS('margin',bodyMarginStr)); 236 } 237 238 function stopInfiniteResizingOfIFrame(){ 239 document.documentElement.style.height = ''; 240 document.body.style.height = ''; 241 log('HTML & body height set to "auto"'); 242 } 243 244 245 function manageTriggerEvent(options){ 246 function handleEvent(){ 247 sendSize(options.eventName,options.eventType); 248 } 249 250 var listener = { 251 add: function(eventName){ 252 addEventListener(window,eventName,handleEvent); 253 }, 254 remove: function(eventName){ 255 removeEventListener(window,eventName,handleEvent); 256 } 257 }; 258 259 if(options.eventNames && Array.prototype.map){ 260 options.eventName = options.eventNames[0]; 261 options.eventNames.map(listener[options.method]); 262 } else { 263 listener[options.method](options.eventName); 264 } 265 266 log(capitalizeFirstLetter(options.method) + ' event listener: ' + options.eventType); 267 } 268 269 function manageEventListeners(method){ 270 manageTriggerEvent({method:method, eventType: 'Animation Start', eventNames: ['animationstart','webkitAnimationStart'] }); 271 manageTriggerEvent({method:method, eventType: 'Animation Iteration', eventNames: ['animationiteration','webkitAnimationIteration'] }); 272 manageTriggerEvent({method:method, eventType: 'Animation End', eventNames: ['animationend','webkitAnimationEnd'] }); 273 manageTriggerEvent({method:method, eventType: 'Input', eventName: 'input' }); 274 manageTriggerEvent({method:method, eventType: 'Mouse Up', eventName: 'mouseup' }); 275 manageTriggerEvent({method:method, eventType: 'Mouse Down', eventName: 'mousedown' }); 276 manageTriggerEvent({method:method, eventType: 'Orientation Change', eventName: 'orientationchange' }); 277 manageTriggerEvent({method:method, eventType: 'Print', eventName: ['afterprint', 'beforeprint'] }); 278 manageTriggerEvent({method:method, eventType: 'Ready State Change', eventName: 'readystatechange' }); 279 manageTriggerEvent({method:method, eventType: 'Touch Start', eventName: 'touchstart' }); 280 manageTriggerEvent({method:method, eventType: 'Touch End', eventName: 'touchend' }); 281 manageTriggerEvent({method:method, eventType: 'Touch Cancel', eventName: 'touchcancel' }); 282 manageTriggerEvent({method:method, eventType: 'Transition Start', eventNames: ['transitionstart','webkitTransitionStart','MSTransitionStart','oTransitionStart','otransitionstart'] }); 283 manageTriggerEvent({method:method, eventType: 'Transition Iteration', eventNames: ['transitioniteration','webkitTransitionIteration','MSTransitionIteration','oTransitionIteration','otransitioniteration'] }); 284 manageTriggerEvent({method:method, eventType: 'Transition End', eventNames: ['transitionend','webkitTransitionEnd','MSTransitionEnd','oTransitionEnd','otransitionend'] }); 285 if('child' === resizeFrom){ 286 manageTriggerEvent({method:method, eventType: 'IFrame Resized', eventName: 'resize' }); 287 } 288 } 289 290 function checkCalcMode(calcMode,calcModeDefault,modes,type){ 291 if (calcModeDefault !== calcMode){ 292 if (!(calcMode in modes)){ 293 warn(calcMode + ' is not a valid option for '+type+'CalculationMethod.'); 294 calcMode=calcModeDefault; 295 } 296 log(type+' calculation method set to "'+calcMode+'"'); 297 } 298 299 return calcMode;
300 } 301 302 function checkHeightMode(){ 303 heightCalcMode = checkCalcMode(heightCalcMode,heightCalcModeDefault,getHeight,'height'); 304 } 305 306 function checkWidthMode(){ 307 widthCalcMode = checkCalcMode(widthCalcMode,widthCalcModeDefault,getWidth,'width'); 308 } 309 310 function startEventListeners(){ 311 if ( true === autoResize ) { 312 manageEventListeners('add'); 313 setupMutationObserver(); 314 } 315 else { 316 log('Auto Resize disabled'); 317 } 318 } 319 320 function stopMsgsToParent(){ 321 log('Disable outgoing messages'); 322 sendPermit = false; 323 } 324 325 function removeMsgListener(){ 326 log('Remove event listener: Message'); 327 removeEventListener(window, 'message', receiver); 328 } 329 330 function disconnectMutationObserver(){ 331 if (null !== bodyObserver){ 332 /* istanbul ignore next */ // Not testable in PhantonJS 333 bodyObserver.disconnect(); 334 } 335 } 336 337 function stopEventListeners(){ 338 manageEventListeners('remove'); 339 disconnectMutationObserver(); 340 clearInterval(intervalTimer); 341 } 342 343 function teardown(){ 344 stopMsgsToParent(); 345 removeMsgListener(); 346 if (true === autoResize) stopEventListeners(); 347 } 348 349 function injectClearFixIntoBodyElement(){ 350 var clearFix = document.createElement('div'); 351 clearFix.style.clear = 'both'; 352 clearFix.style.display = 'block'; //Guard against this having been globally redefined in CSS. 353 document.body.appendChild(clearFix); 354 } 355 356 function setupInPageLinks(){ 357 358 function getPagePosition (){ 359 return { 360 x: (window.pageXOffset !== undefined) ? window.pageXOffset : document.documentElement.scrollLeft, 361 y: (window.pageYOffset !== undefined) ? window.pageYOffset : document.documentElement.scrollTop 362 }; 363 } 364 365 function getElementPosition(el){ 366 var 367 elPosition = el.getBoundingClientRect(), 368 pagePosition = getPagePosition(); 369 370 return { 371 x: parseInt(elPosition.left,10) + parseInt(pagePosition.x,10), 372 y: parseInt(elPosition.top,10) + parseInt(pagePosition.y,10) 373 }; 374 } 375 376 function findTarget(location){ 377 function jumpToTarget(target){ 378 var jumpPosition = getElementPosition(target); 379 380 log('Moving to in page link (#'+hash+') at x: '+jumpPosition.x+' y: '+jumpPosition.y); 381 sendMsg(jumpPosition.y, jumpPosition.x, 'scrollToOffset'); // X&Y reversed at sendMsg uses height/width 382 } 383 384 var 385 hash = location.split('#')[1] || location, //Remove # if present 386 hashData = decodeURIComponent(hash), 387 target = document.getElementById(hashData) || document.getElementsByName(hashData)[0]; 388 389 if (undefined !== target){ 390 jumpToTarget(target); 391 } else { 392 log('In page link (#' + hash + ') not found in iFrame, so sending to parent'); 393 sendMsg(0,0,'inPageLink','#'+hash); 394 } 395 } 396 397 function checkLocationHash(){ 398 if ('' !== location.hash && '#' !== location.hash){ 399 findTarget(location.href); 400 } 401 } 402 403 function bindAnchors(){ 404 function setupLink(el){ 405 function linkClicked(e){ 406 e.preventDefault(); 407 408 /*jshint validthis:true */ 409 findTarget(this.getAttribute('href')); 410 } 411 412 if ('#' !== el.getAttribute('href')){ 413 addEventListener(el,'click',linkClicked); 414 } 415 } 416 417 Array.prototype.forEach.call( document.querySelectorAll( 'a[href^="#"]' ), setupLink ); 418 } 419 420 function bindLocationHash(){ 421 addEventListener(window,'hashchange',checkLocationHash); 422 } 423 424 function initCheck(){ //check if page loaded with location hash after init resize 425 setTimeout(checkLocationHash,eventCancelTimer); 426 } 427 428 function enableInPageLinks(){ 429 /* istanbul ignore else */ // Not testable in phantonJS 430 if(Array.prototype.forEach && document.querySelectorAll){ 431 log('Setting up location.hash handlers'); 432 bindAnchors(); 433 bindLocationHash(); 434 initCheck(); 435 } else { 436 warn('In page linking not fully supported in this browser! (See README.md for IE8 workaround)'); 437 } 438 } 439 440 if(inPageLinks.enable){ 441 enableInPageLinks(); 442 } else { 443 log('In page linking not enabled'); 444 } 445 446 return { 447 findTarget:findTarget 448 }; 449 } 450 451 function setupPublicMethods(){ 452 log('Enable public methods'); 453 454 win.parentIFrame = { 455 456 autoResize: function autoResizeF(resize){ 457 if (true === resize && false === autoResize) { 458 autoResize=true; 459 startEventListeners(); 460 //sendSize('autoResize','Auto Resize enabled'); 461 } else if (false === resize && true === autoResize) { 462 autoResize=false; 463 stopEventListeners(); 464 } 465 466 return autoResize; 467 }, 468 469 close: function closeF(){ 470 sendMsg(0,0,'close'); 471 teardown(); 472 }, 473 474 getId: function getIdF(){ 475 return myID; 476 }, 477 478 getPageInfo: function getPageInfoF(callback){ 479 if ('function' === typeof callback){ 480 pageInfoCallback = callback; 481 sendMsg(0,0,'pageInfo'); 482 } else { 483 pageInfoCallback = function(){}; 484 sendMsg(0,0,'pageInfoStop'); 485 } 486 }, 487 488 moveToAnchor: function moveToAnchorF(hash){ 489 inPageLinks.findTarget(hash); 490 }, 491 492 reset: function resetF(){ 493 resetIFrame('parentIFrame.reset'); 494 }, 495 496 scrollTo: function scrollToF(x,y){ 497 sendMsg(y,x,'scrollTo'); // X&Y reversed at sendMsg uses height/width 498 }, 499 500 scrollToOffset: function scrollToF(x,y){ 501 sendMsg(y,x,'scrollToOffset'); // X&Y reversed at sendMsg uses height/width 502 }, 503 504 sendMessage: function sendMessageF(msg,targetOrigin){ 505 sendMsg(0,0,'message',JSON.stringify(msg),targetOrigin); 506 }, 507 508 setHeightCalculationMethod: function setHeightCalculationMethodF(heightCalculationMethod){
509 heightCalcMode = heightCalculationMethod; 510 checkHeightMode(); 511 }, 512 513 setWidthCalculationMethod: function setWidthCalculationMethodF(widthCalculationMethod){ 514 widthCalcMode = widthCalculationMethod; 515 checkWidthMode(); 516 }, 517 518 setTargetOrigin: function setTargetOriginF(targetOrigin){ 519 log('Set targetOrigin: '+targetOrigin); 520 targetOriginDefault = targetOrigin; 521 }, 522 523 size: function sizeF(customHeight, customWidth){ 524 var valString = ''+(customHeight?customHeight:'')+(customWidth?','+customWidth:''); 525 //lockTrigger(); 526 sendSize('size','parentIFrame.size('+valString+')', customHeight, customWidth); 527 } 528 }; 529 } 530 531 function initInterval(){ 532 if ( 0 !== interval ){ 533 log('setInterval: '+interval+'ms'); 534 intervalTimer = setInterval(function(){ 535 sendSize('interval','setInterval: '+interval); 536 },Math.abs(interval)); 537 } 538 } 539 540 /* istanbul ignore next */ //Not testable in PhantomJS 541 function setupBodyMutationObserver(){ 542 function addImageLoadListners(mutation) { 543 function addImageLoadListener(element){ 544 if (false === element.complete) { 545 log('Attach listeners to ' + element.src); 546 element.addEventListener('load', imageLoaded, false); 547 element.addEventListener('error', imageError, false); 548 elements.push(element); 549 } 550 } 551 552 if (mutation.type === 'attributes' && mutation.attributeName === 'src'){ 553 addImageLoadListener(mutation.target); 554 } else if (mutation.type === 'childList'){ 555 Array.prototype.forEach.call( 556 mutation.target.querySelectorAll('img'), 557 addImageLoadListener 558 ); 559 } 560 } 561 562 function removeFromArray(element){ 563 elements.splice(elements.indexOf(element),1); 564 } 565 566 function removeImageLoadListener(element){ 567 log('Remove listeners from ' + element.src); 568 element.removeEventListener('load', imageLoaded, false); 569 element.removeEventListener('error', imageError, false); 570 removeFromArray(element); 571 } 572 573 function imageEventTriggered(event,type,typeDesc){ 574 removeImageLoadListener(event.target); 575 sendSize(type, typeDesc + ': ' + event.target.src, undefined, undefined); 576 } 577 578 function imageLoaded(event) { 579 imageEventTriggered(event,'imageLoad','Image loaded'); 580 } 581 582 function imageError(event) { 583 imageEventTriggered(event,'imageLoadFailed','Image load failed'); 584 } 585 586 function mutationObserved(mutations) { 587 sendSize('mutationObserver','mutationObserver: ' + mutations[0].target + ' ' + mutations[0].type); 588 589 //Deal with WebKit asyncing image loading when tags are injected into the page 590 mutations.forEach(addImageLoadListners); 591 } 592 593 function createMutationObserver(){ 594 var 595 target = document.querySelector('body'), 596 597 config = { 598 attributes : true, 599 attributeOldValue : false, 600 characterData : true, 601 characterDataOldValue : false, 602 childList : true, 603 subtree : true 604 }; 605 606 observer = new MutationObserver(mutationObserved); 607 608 log('Create body MutationObserver'); 609 observer.observe(target, config); 610 611 return observer; 612 } 613 614 var 615 elements = [], 616 MutationObserver = window.MutationObserver || window.WebKitMutationObserver, 617 observer = createMutationObserver(); 618 619 return { 620 disconnect: function (){ 621 if ('disconnect' in observer){ 622 log('Disconnect body MutationObserver'); 623 observer.disconnect(); 624 elements.forEach(removeImageLoadListener); 625 } 626 } 627 }; 628 } 629 630 function setupMutationObserver(){ 631 var forceIntervalTimer = 0 > interval; 632 633 /* istanbul ignore if */ // Not testable in PhantomJS 634 if (window.MutationObserver || window.WebKitMutationObserver){ 635 if (forceIntervalTimer) { 636 initInterval(); 637 } else { 638 bodyObserver = setupBodyMutationObserver(); 639 } 640 } else { 641 log('MutationObserver not supported in this browser!'); 642 initInterval(); 643 } 644 } 645 646 647 // document.documentElement.offsetHeight is not reliable, so 648 // we have to jump through hoops to get a better value. 649 function getComputedStyle(prop,el) { 650 /* istanbul ignore next */ //Not testable in PhantomJS 651 function convertUnitsToPxForIE8(value) { 652 var PIXEL = /^\d+(px)?$/i; 653 654 if (PIXEL.test(value)) { 655 return parseInt(value,base); 656 } 657 658 var 659 style = el.style.left, 660 runtimeStyle = el.runtimeStyle.left; 661 662 el.runtimeStyle.left = el.currentStyle.left; 663 el.style.left = value || 0; 664 value = el.style.pixelLeft; 665 el.style.left = style; 666 el.runtimeStyle.left = runtimeStyle; 667 668 return value; 669 } 670 671 var retVal = 0; 672 el = el || document.body; 673 674 /* istanbul ignore else */ // Not testable in phantonJS 675 if (('defaultView' in document) && ('getComputedStyle' in document.defaultView)) { 676 retVal = document.defaultView.getComputedStyle(el, null); 677 retVal = (null !== retVal) ? retVal[prop] : 0; 678 } else {//IE8 679 retVal = convertUnitsToPxForIE8(el.currentStyle[prop]); 680 } 681 682 return parseInt(retVal,base); 683 } 684 685 function chkEventThottle(timer){ 686 if(timer > throttledTimer/2){ 687 throttledTimer = 2*timer; 688 log('Event throttle increased to ' + throttledTimer + 'ms'); 689 } 690 } 691 692 //Idea from https://github.com/guardian/iframe-messenger 693 function getMaxElement(side,elements) { 694 var 695 elementsLength = elements.length, 696 elVal = 0, 697 maxVal = 0, 698 Side = capitalizeFirstLetter(side), 699 timer = getNow(); 700 701 for (var i = 0; i < elementsLength; i++) { 702 elVal = elements[i].getBoundingClientRect()[side] + getComputedStyle('margin'+Side,elements[i]); 703 if (elVal > maxVal) { 704 maxVal = elVal; 705 } 706 } 707 708 timer = getNow() - timer; 709 710 log('Parsed '+elementsLength+' HTML elements'); 711 log('Element position calculated in ' + timer + 'ms'); 712 713 chkEventThottle(timer); 714 715 return maxVal; 716 } 717 718 function getAllMeasurements(dimention){ 719 return [ 720 dimention.bodyOffset(), 721 dimention.bodyScroll(), 722 dimention.documentElementOffset(), 723 dimention.documentElementScroll() 724 ]; 725 } 726 727 function getTaggedElements(side,tag){ 728 function noTaggedElementsFound(){ 729 warn('No tagged elements ('+tag+') found on page'); 730 return height; //current height 731 } 732 733 var elements = document.querySelectorAll('['+tag+']'); 734 735 return 0 === elements.length ? noTaggedElementsFound() : getMaxElement(side,elements); 736 } 737 738 function getAllElements(){ 739 return document.querySelectorAll('body *'); 740 } 741 742 var 743 getHeight = { 744 bodyOffset: function getBodyOffsetHeight(){ 745 return document.body.offsetHeight + getComputedStyle('marginTop') + getComputedStyle('marginBottom'); 746 }, 747 748 offset: function(){ 749 return getHeight.bodyOffset(); //Backwards compatability 750 }, 751 752 bodyScroll: function getBodyScrollHeight(){ 753 return document.body.scrollHeight; 754 }, 755 756 documentElementOffset: function getDEOffsetHeight(){ 757 return document.documentElement.offsetHeight; 758 }, 759 760 documentElementScroll: function getDEScrollHeight(){ 761 return document.documentElement.scrollHeight; 762 }, 763 764 max: function getMaxHeight(){ 765 return Math.max.apply(null,getAllMeasurements(getHeight)); 766 }, 767 768 min: function getMinHeight(){ 769 return Math.min.apply(null,getAllMeasurements(getHeight)); 770 }, 771 772 grow: function growHeight(){ 773 return getHeight.max(); //Run max without the forced downsizing 774 }, 775 776 lowestElement: function getBestHeight(){ 777 return Math.max(getHeight.bodyOffset(), getMaxElement('bottom',getAllElements())); 778 }, 779 780 taggedElement: function getTaggedElementsHeight(){ 781 return getTaggedElements('bottom','data-iframe-height'); 782 } 783 }, 784 785 getWidth = { 786 bodyScroll: function getBodyScrollWidth(){ 787 return document.body.scrollWidth; 788 }, 789 790 bodyOffset: function getBodyOffsetWidth(){ 791 return document.body.offsetWidth; 792 }, 793 794 documentElementScroll: function getDEScrollWidth(){ 795 return document.documentElement.scrollWidth; 796 }, 797 798 documentElementOffset: function getDEOffsetWidth(){ 799 return document.documentElement.offsetWidth; 800 }, 801 802 scroll: function getMaxWidth(){ 803 return Math.max(getWidth.bodyScroll(), getWidth.documentElementScroll()); 804 }, 805 806 max: function getMaxWidth(){ 807 return Math.max.apply(null,getAllMeasurements(getWidth)); 808 }, 809 810 min: function getMinWidth(){ 811 return Math.min.apply(null,getAllMeasurements(getWidth)); 812 }, 813 814 rightMostElement: function rightMostElement(){ 815 return getMaxElement('right', getAllElements()); 816 }, 817 818 taggedElement: function getTaggedElementsWidth(){ 819 return getTaggedElements('right', 'data-iframe-width'); 820 } 821 }; 822 823 824 function sizeIFrame(triggerEvent, triggerEventDesc, customHeight, customWidth){ 825 826 function resizeIFrame(){ 827 height = currentHeight; 828 width = currentWidth; 829 830 sendMsg(height,width,triggerEvent); 831 } 832 833 function isSizeChangeDetected(){ 834 function checkTolarance(a,b){ 835 var retVal = Math.abs(a-b) <= tolerance; 836 return !retVal; 837 } 838 839 currentHeight = (undefined !== customHeight) ? customHeight : getHeight[height
839CalcMode](); 840 currentWidth = (undefined !== customWidth ) ? customWidth : getWidth[widthCalcMode](); 841 842 return checkTolarance(height,currentHeight) || (calculateWidth && checkTolarance(width,currentWidth)); 843 } 844 845 function isForceResizableEvent(){ 846 return !(triggerEvent in {'init':1,'interval':1,'size':1}); 847 } 848 849 function isForceResizableCalcMode(){ 850 return (heightCalcMode in resetRequiredMethods) || (calculateWidth && widthCalcMode in resetRequiredMethods); 851 } 852 853 function logIgnored(){ 854 log('No change in size detected'); 855 } 856 857 function checkDownSizing(){ 858 if (isForceResizableEvent() && isForceResizableCalcMode()){ 859 resetIFrame(triggerEventDesc); 860 } else if (!(triggerEvent in {'interval':1})){ 861 logIgnored(); 862 } 863 } 864 865 var currentHeight,currentWidth; 866 867 if (isSizeChangeDetected() || 'init' === triggerEvent){ 868 lockTrigger(); 869 resizeIFrame(); 870 } else { 871 checkDownSizing(); 872 } 873 } 874 875 var sizeIFrameThrottled = throttle(sizeIFrame); 876 877 function sendSize(triggerEvent, triggerEventDesc, customHeight, customWidth){ 878 function recordTrigger(){ 879 if (!(triggerEvent in {'reset':1,'resetPage':1,'init':1})){ 880 log( 'Trigger event: ' + triggerEventDesc ); 881 } 882 } 883 884 function isDoubleFiredEvent(){ 885 return triggerLocked && (triggerEvent in doubleEventList); 886 } 887 888 if (!isDoubleFiredEvent()){ 889 recordTrigger(); 890 sizeIFrameThrottled(triggerEvent, triggerEventDesc, customHeight, customWidth); 891 } else { 892 log('Trigger event cancelled: '+triggerEvent); 893 } 894 } 895 896 function lockTrigger(){ 897 if (!triggerLocked){ 898 triggerLocked = true; 899 log('Trigger event lock on'); 900 } 901 clearTimeout(triggerLockedTimer); 902 triggerLockedTimer = setTimeout(function(){ 903 triggerLocked = false; 904 log('Trigger event lock off'); 905 log('--'); 906 },eventCancelTimer); 907 } 908 909 function triggerReset(triggerEvent){ 910 height = getHeight[heightCalcMode](); 911 width = getWidth[widthCalcMode](); 912 913 sendMsg(height,width,triggerEvent); 914 } 915 916 function resetIFrame(triggerEventDesc){ 917 var hcm = heightCalcMode; 918 heightCalcMode = heightCalcModeDefault; 919 920 log('Reset trigger event: ' + triggerEventDesc); 921 lockTrigger(); 922 triggerReset('reset'); 923 924 heightCalcMode = hcm; 925 } 926 927 function sendMsg(height,width,triggerEvent,msg,targetOrigin){ 928 function setTargetOrigin(){ 929 if (undefined === targetOrigin){ 930 targetOrigin = targetOriginDefault; 931 } else { 932 log('Message targetOrigin: '+targetOrigin); 933 } 934 } 935 936 function sendToParent(){ 937 var 938 size = height + ':' + width, 939 message = myID + ':' + size + ':' + triggerEvent + (undefined !== msg ? ':' + msg : ''); 940 941 log('Sending message to host page (' + message + ')'); 942 target.postMessage( msgID + message, targetOrigin); 943 } 944 945 if(true === sendPermit){ 946 setTargetOrigin(); 947 sendToParent(); 948 } 949 } 950 951 function receiver(event) { 952 function isMessageForUs(){ 953 return msgID === (''+event.data).substr(0,msgIdLen); //''+ Protects against non-string messages 954 } 955 956 function initFromParent(){ 957 initMsg = event.data; 958 target = event.source; 959 960 init(); 961 firstRun = false; 962 setTimeout(function(){ initLock = false;},eventCancelTimer); 963 } 964 965 function resetFromParent(){ 966 if (!initLock){ 967 log('Page size reset by host page'); 968 triggerReset('resetPage'); 969 } else { 970 log('Page reset ignored by init'); 971 } 972 } 973 974 function resizeFromParent(){ 975 sendSize('resizeParent','Parent window requested size check'); 976 } 977 978 function moveToAnchor(){ 979 var anchor = getData(); 980 inPageLinks.findTarget(anchor); 981 } 982 983 function getMessageType(){ 984 return event.data.split(']')[1].split(':')[0]; 985 } 986 987 function getData(){ 988 return event.data.substr(event.data.indexOf(':')+1); 989 } 990 991 function isMiddleTier(){ 992 return ('iFrameResize' in window); 993 } 994 995 function messageFromParent(){ 996 var msgBody = getData(); 997 998 log('MessageCallback called from parent: ' + msgBody ); 999 messageCallback(JSON.parse(msgBody)); 1000 log(' --'); 1001 } 1002 1003 function pageInfoFromParent(){ 1004 var msgBody = getData(); 1005 log('PageInfoFromParent called from parent: ' + msgBody ); 1006 pageInfoCallback(JSON.parse(msgBody)); 1007 log(' --'); 1008 } 1009 1010 function isInitMsg(){ 1011 //Test if this message is from a child below us. This is an ugly test, however, updating 1012 //the message format would break backwards compatibity. 1013 return event.data.split(':')[2] in {'true':1,'false':1}; 1014 } 1015 1016 function callFromParent(){ 1017 switch (getMessageType()){ 1018 case 'reset': 1019 resetFromParent(); 1020 break; 1021 case 'resize': 1022 resizeFromParent(); 1023 break; 1024 case 'moveToAnchor': 1025 moveToAnchor(); 1026 break; 1027 case 'message': 1028 messageFromParent(); 1029 break; 1030 case 'pageInfo': 1031 pageInfoFromParent(); 1032 break; 1033 default: 1034 if (!isMiddleTier() && !isInitMsg()){ 1035 warn('Unexpected message ('+event.data+')'); 1036 } 1037 } 1038 } 1039 1040 function processMessage(){ 1041 if (false === firstRun) { 1042 callFromParent(); 1043 } else if (isInitMsg()) { 1044 initFromParent(); 1045 } else { 1046 log('Ignored message of type "' + getMessageType() + '". Received before initialization.'); 1047 } 1048 } 1049 1050 if (isMessageForUs()){ 1051 processMessage(); 1052 } 1053 } 1054 1055 //Normally the parent kicks things off when it detects the iFrame has loaded. 1056 //If this script is async-loaded, then tell parent page to retry init. 1057 function chkLateLoaded(){ 1058 if('loading' !== document.readyState){ 1059 window.parent.postMessage('[iFrameResizerChild]Ready','*'); 1060 } 1061 } 1062 1063 addEventListener(window, 'message', receiver); 1064 chkLateLoaded(); 1065 1066 1067})(window || {});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.