mirror of
https://github.com/pocoproject/poco.git
synced 2024-12-12 18:20:26 +01:00
moved unmimified js files to resources/js
This commit is contained in:
Guenter Obiltschnig
parent
1b20869aca
commit
9dfffed94a
575
PocoDoc/resources/js/iframeResizer.contentWindow.js
Executable file
575
PocoDoc/resources/js/iframeResizer.contentWindow.js
Executable file
@ -0,0 +1,575 @@
|
||||
/*
|
||||
* File: iframeSizer.contentWindow.js
|
||||
* Desc: Include this file in any page being loaded into an iframe
|
||||
* to force the iframe to resize to the content size.
|
||||
* Requires: iframeResizer.js on host page.
|
||||
* Author: David J. Bradshaw - dave@bradshaw.net
|
||||
* Contributor: Jure Mav - jure.mav@gmail.com
|
||||
*/
|
||||
|
||||
;(function() {
|
||||
'use strict';
|
||||
|
||||
var
|
||||
autoResize = true,
|
||||
base = 10,
|
||||
bodyBackground = '',
|
||||
bodyMargin = 0,
|
||||
bodyMarginStr = '',
|
||||
bodyPadding = '',
|
||||
calculateWidth = false,
|
||||
doubleEventList = {'resize':1,'click':1},
|
||||
eventCancelTimer = 128,
|
||||
height = 1,
|
||||
firstRun = true,
|
||||
heightCalcModeDefault = 'offset',
|
||||
heightCalcMode = heightCalcModeDefault,
|
||||
initLock = true,
|
||||
initMsg = '',
|
||||
interval = 32,
|
||||
logging = false,
|
||||
msgID = '[iFrameSizer]', //Must match host page msg ID
|
||||
msgIdLen = msgID.length,
|
||||
myID = '',
|
||||
publicMethods = false,
|
||||
resetRequiredMethods = {max:1,scroll:1,bodyScroll:1,documentElementScroll:1},
|
||||
targetOriginDefault = '*',
|
||||
target = window.parent,
|
||||
tolerance = 0,
|
||||
triggerLocked = false,
|
||||
triggerLockedTimer = null,
|
||||
width = 1;
|
||||
|
||||
|
||||
function addEventListener(el,evt,func){
|
||||
if ('addEventListener' in window){
|
||||
el.addEventListener(evt,func, false);
|
||||
} else if ('attachEvent' in window){ //IE
|
||||
el.attachEvent('on'+evt,func);
|
||||
}
|
||||
}
|
||||
|
||||
function formatLogMsg(msg){
|
||||
return msgID + '[' + myID + ']' + ' ' + msg;
|
||||
}
|
||||
|
||||
function log(msg){
|
||||
if (logging && ('object' === typeof window.console)){
|
||||
console.log(formatLogMsg(msg));
|
||||
}
|
||||
}
|
||||
|
||||
function warn(msg){
|
||||
if ('object' === typeof window.console){
|
||||
console.warn(formatLogMsg(msg));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function init(){
|
||||
log('Initialising iFrame');
|
||||
readData();
|
||||
setMargin();
|
||||
setBodyStyle('background',bodyBackground);
|
||||
setBodyStyle('padding',bodyPadding);
|
||||
injectClearFixIntoBodyElement();
|
||||
checkHeightMode();
|
||||
stopInfiniteResizingOfIFrame();
|
||||
setupPublicMethods();
|
||||
startEventListeners();
|
||||
sendSize('init','Init message from host page');
|
||||
}
|
||||
|
||||
function readData(){
|
||||
|
||||
var data = initMsg.substr(msgIdLen).split(':');
|
||||
|
||||
function strBool(str){
|
||||
return 'true' === str ? true : false;
|
||||
}
|
||||
|
||||
myID = data[0];
|
||||
bodyMargin = (undefined !== data[1]) ? Number(data[1]) : bodyMargin; //For V1 compatibility
|
||||
calculateWidth = (undefined !== data[2]) ? strBool(data[2]) : calculateWidth;
|
||||
logging = (undefined !== data[3]) ? strBool(data[3]) : logging;
|
||||
interval = (undefined !== data[4]) ? Number(data[4]) : interval;
|
||||
publicMethods = (undefined !== data[5]) ? strBool(data[5]) : publicMethods;
|
||||
autoResize = (undefined !== data[6]) ? strBool(data[6]) : autoResize;
|
||||
bodyMarginStr = data[7];
|
||||
heightCalcMode = (undefined !== data[8]) ? data[8] : heightCalcMode;
|
||||
bodyBackground = data[9];
|
||||
bodyPadding = data[10];
|
||||
tolerance = (undefined !== data[11]) ? Number(data[11]) : tolerance;
|
||||
}
|
||||
|
||||
function chkCSS(attr,value){
|
||||
if (-1 !== value.indexOf('-')){
|
||||
warn('Negative CSS value ignored for '+attr);
|
||||
value='';
|
||||
}
|
||||
return value;
|
||||
}
|
||||
|
||||
function setBodyStyle(attr,value){
|
||||
if ((undefined !== value) && ('' !== value) && ('null' !== value)){
|
||||
document.body.style[attr] = value;
|
||||
log('Body '+attr+' set to "'+value+'"');
|
||||
}
|
||||
}
|
||||
|
||||
function setMargin(){
|
||||
//If called via V1 script, convert bodyMargin from int to str
|
||||
if (undefined === bodyMarginStr){
|
||||
bodyMarginStr = bodyMargin+'px';
|
||||
}
|
||||
chkCSS('margin',bodyMarginStr);
|
||||
setBodyStyle('margin',bodyMarginStr);
|
||||
}
|
||||
|
||||
function stopInfiniteResizingOfIFrame(){
|
||||
document.documentElement.style.height = '';
|
||||
document.body.style.height = '';
|
||||
log('HTML & body height set to "auto"');
|
||||
}
|
||||
|
||||
function initWindowResizeListener(){
|
||||
addEventListener(window,'resize', function(){
|
||||
sendSize('resize','Window resized');
|
||||
});
|
||||
}
|
||||
|
||||
function initWindowClickListener(){
|
||||
addEventListener(window,'click', function(){
|
||||
sendSize('click','Window clicked');
|
||||
});
|
||||
}
|
||||
|
||||
function checkHeightMode(){
|
||||
if (heightCalcModeDefault !== heightCalcMode){
|
||||
if (!(heightCalcMode in getHeight)){
|
||||
warn(heightCalcMode + ' is not a valid option for heightCalculationMethod.');
|
||||
heightCalcMode='bodyScroll';
|
||||
}
|
||||
log('Height calculation method set to "'+heightCalcMode+'"');
|
||||
}
|
||||
}
|
||||
|
||||
function startEventListeners(){
|
||||
if ( true === autoResize ) {
|
||||
initWindowResizeListener();
|
||||
initWindowClickListener();
|
||||
setupMutationObserver();
|
||||
}
|
||||
else {
|
||||
log('Auto Resize disabled');
|
||||
}
|
||||
}
|
||||
|
||||
function injectClearFixIntoBodyElement(){
|
||||
var clearFix = document.createElement('div');
|
||||
clearFix.style.clear = 'both';
|
||||
clearFix.style.display = 'block'; //Guard against this having been globally redefined in CSS.
|
||||
document.body.appendChild(clearFix);
|
||||
}
|
||||
|
||||
function setupPublicMethods(){
|
||||
if (publicMethods) {
|
||||
log('Enable public methods');
|
||||
|
||||
window.parentIFrame = {
|
||||
close: function closeF(){
|
||||
sendSize('close','parentIFrame.close()', 0, 0);
|
||||
},
|
||||
getId: function getIdF(){
|
||||
return myID;
|
||||
},
|
||||
reset: function resetF(){
|
||||
resetIFrame('parentIFrame.size');
|
||||
},
|
||||
scrollTo: function scrollToF(x,y){
|
||||
sendMsg(y,x,'scrollTo'); // X&Y reversed at sendMsg uses hieght/width
|
||||
},
|
||||
sendMessage: function sendMessageF(msg,targetOrigin){
|
||||
sendMsg(0,0,'message',msg,targetOrigin);
|
||||
},
|
||||
setHeightCalculationMethod: function setHeightCalculationMethodF(heightCalculationMethod){
|
||||
heightCalcMode = heightCalculationMethod;
|
||||
checkHeightMode();
|
||||
},
|
||||
setTargetOrigin: function setTargetOriginF(targetOrigin){
|
||||
log('Set targetOrigin: '+targetOrigin);
|
||||
targetOriginDefault = targetOrigin;
|
||||
},
|
||||
size: function sizeF(customHeight, customWidth){
|
||||
var valString = ''+(customHeight?customHeight:'')+(customWidth?','+customWidth:'');
|
||||
lockTrigger();
|
||||
sendSize('size','parentIFrame.size('+valString+')', customHeight, customWidth);
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function initInterval(){
|
||||
if ( 0 !== interval ){
|
||||
log('setInterval: '+interval+'ms');
|
||||
setInterval(function(){
|
||||
sendSize('interval','setInterval: '+interval);
|
||||
},Math.abs(interval));
|
||||
}
|
||||
}
|
||||
|
||||
function setupInjectElementLoadListners(mutations){
|
||||
function addLoadListener(element){
|
||||
if (element.height === undefined || element.width === undefined || 0 === element.height || 0 === element.width){
|
||||
log('Attach listerner to '+element.src);
|
||||
addEventListener(element,'load', function imageLoaded(){
|
||||
sendSize('imageLoad','Image loaded');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
mutations.forEach(function (mutation) {
|
||||
if (mutation.type === 'attributes' && mutation.attributeName === 'src'){
|
||||
addLoadListener(mutation.target);
|
||||
} else if (mutation.type === 'childList'){
|
||||
var images = mutation.target.querySelectorAll('img');
|
||||
Array.prototype.forEach.call(images,function (image) {
|
||||
addLoadListener(image);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function setupMutationObserver(){
|
||||
|
||||
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
|
||||
|
||||
function createMutationObserver(){
|
||||
var
|
||||
target = document.querySelector('body'),
|
||||
|
||||
config = {
|
||||
attributes : true,
|
||||
attributeOldValue : false,
|
||||
characterData : true,
|
||||
characterDataOldValue : false,
|
||||
childList : true,
|
||||
subtree : true
|
||||
},
|
||||
|
||||
observer = new MutationObserver(function(mutations) {
|
||||
sendSize('mutationObserver','mutationObserver: ' + mutations[0].target + ' ' + mutations[0].type);
|
||||
setupInjectElementLoadListners(mutations); //Deal with WebKit asyncing image loading when tags are injected into the page
|
||||
});
|
||||
|
||||
log('Enable MutationObserver');
|
||||
observer.observe(target, config);
|
||||
}
|
||||
|
||||
if (MutationObserver){
|
||||
if (0 > interval) {
|
||||
initInterval();
|
||||
} else {
|
||||
createMutationObserver();
|
||||
}
|
||||
}
|
||||
else {
|
||||
warn('MutationObserver not supported in this browser!');
|
||||
initInterval();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// document.documentElement.offsetHeight is not reliable, so
|
||||
// we have to jump through hoops to get a better value.
|
||||
function getBodyOffsetHeight(){
|
||||
function getComputedBodyStyle(prop) {
|
||||
function convertUnitsToPxForIE8(value) {
|
||||
var PIXEL = /^\d+(px)?$/i;
|
||||
|
||||
if (PIXEL.test(value)) {
|
||||
return parseInt(value,base);
|
||||
}
|
||||
|
||||
var
|
||||
style = el.style.left,
|
||||
runtimeStyle = el.runtimeStyle.left;
|
||||
|
||||
el.runtimeStyle.left = el.currentStyle.left;
|
||||
el.style.left = value || 0;
|
||||
value = el.style.pixelLeft;
|
||||
el.style.left = style;
|
||||
el.runtimeStyle.left = runtimeStyle;
|
||||
|
||||
return value;
|
||||
}
|
||||
|
||||
var
|
||||
el = document.body,
|
||||
retVal = 0;
|
||||
|
||||
if (('defaultView' in document) && ('getComputedStyle' in document.defaultView)) {
|
||||
retVal = document.defaultView.getComputedStyle(el, null);
|
||||
retVal = (null !== retVal) ? retVal[prop] : 0;
|
||||
} else {//IE8
|
||||
retVal = convertUnitsToPxForIE8(el.currentStyle[prop]);
|
||||
}
|
||||
|
||||
return parseInt(retVal,base);
|
||||
}
|
||||
|
||||
return document.body.offsetHeight +
|
||||
getComputedBodyStyle('marginTop') +
|
||||
getComputedBodyStyle('marginBottom');
|
||||
}
|
||||
|
||||
function getBodyScrollHeight(){
|
||||
return document.body.scrollHeight;
|
||||
}
|
||||
|
||||
function getDEOffsetHeight(){
|
||||
return document.documentElement.offsetHeight;
|
||||
}
|
||||
|
||||
function getDEScrollHeight(){
|
||||
return document.documentElement.scrollHeight;
|
||||
}
|
||||
|
||||
//From https://github.com/guardian/iframe-messenger
|
||||
function getLowestElementHeight() {
|
||||
var
|
||||
allElements = document.querySelectorAll('body *'),
|
||||
allElementsLength = allElements.length,
|
||||
maxBottomVal = 0,
|
||||
timer = new Date().getTime();
|
||||
|
||||
for (var i = 0; i < allElementsLength; i++) {
|
||||
if (allElements[i].getBoundingClientRect().bottom > maxBottomVal) {
|
||||
maxBottomVal = allElements[i].getBoundingClientRect().bottom;
|
||||
}
|
||||
}
|
||||
|
||||
timer = new Date().getTime() - timer;
|
||||
|
||||
log('Parsed '+allElementsLength+' HTML elements');
|
||||
log('LowestElement bottom position calculated in ' + timer + 'ms');
|
||||
|
||||
return maxBottomVal;
|
||||
}
|
||||
|
||||
function getAllHeights(){
|
||||
return [
|
||||
getBodyOffsetHeight(),
|
||||
getBodyScrollHeight(),
|
||||
getDEOffsetHeight(),
|
||||
getDEScrollHeight()
|
||||
];
|
||||
}
|
||||
|
||||
function getMaxHeight(){
|
||||
return Math.max.apply(null,getAllHeights());
|
||||
}
|
||||
|
||||
function getMinHeight(){
|
||||
return Math.min.apply(null,getAllHeights());
|
||||
}
|
||||
|
||||
function getBestHeight(){
|
||||
return Math.max(getBodyOffsetHeight(),getLowestElementHeight());
|
||||
}
|
||||
|
||||
var getHeight = {
|
||||
offset : getBodyOffsetHeight, //Backward compatability
|
||||
bodyOffset : getBodyOffsetHeight,
|
||||
bodyScroll : getBodyScrollHeight,
|
||||
documentElementOffset : getDEOffsetHeight,
|
||||
scroll : getDEScrollHeight, //Backward compatability
|
||||
documentElementScroll : getDEScrollHeight,
|
||||
max : getMaxHeight,
|
||||
min : getMinHeight,
|
||||
grow : getMaxHeight,
|
||||
lowestElement : getBestHeight
|
||||
};
|
||||
|
||||
function getWidth(){
|
||||
return Math.max(
|
||||
document.documentElement.scrollWidth,
|
||||
document.body.scrollWidth
|
||||
);
|
||||
}
|
||||
|
||||
function sendSize(triggerEvent, triggerEventDesc, customHeight, customWidth){
|
||||
|
||||
var currentHeight,currentWidth;
|
||||
|
||||
function recordTrigger(){
|
||||
if (!(triggerEvent in {'reset':1,'resetPage':1,'init':1})){
|
||||
log( 'Trigger event: ' + triggerEventDesc );
|
||||
}
|
||||
}
|
||||
|
||||
function resizeIFrame(){
|
||||
height = currentHeight;
|
||||
width = currentWidth;
|
||||
|
||||
sendMsg(height,width,triggerEvent);
|
||||
}
|
||||
|
||||
function isDoubleFiredEvent(){
|
||||
return triggerLocked && (triggerEvent in doubleEventList);
|
||||
}
|
||||
|
||||
function isSizeChangeDetected(){
|
||||
function checkTolarance(a,b){
|
||||
var retVal = Math.abs(a-b) <= tolerance;
|
||||
return !retVal;
|
||||
}
|
||||
|
||||
currentHeight = (undefined !== customHeight) ? customHeight : getHeight[heightCalcMode]();
|
||||
currentWidth = (undefined !== customWidth ) ? customWidth : getWidth();
|
||||
|
||||
return checkTolarance(height,currentHeight) ||
|
||||
(calculateWidth && checkTolarance(width,currentWidth));
|
||||
|
||||
//return (height !== currentHeight) ||
|
||||
// (calculateWidth && width !== currentWidth);
|
||||
}
|
||||
|
||||
function isForceResizableEvent(){
|
||||
return !(triggerEvent in {'init':1,'interval':1,'size':1});
|
||||
}
|
||||
|
||||
function isForceResizableHeightCalcMode(){
|
||||
return (heightCalcMode in resetRequiredMethods);
|
||||
}
|
||||
|
||||
function logIgnored(){
|
||||
log('No change in size detected');
|
||||
}
|
||||
|
||||
function checkDownSizing(){
|
||||
if (isForceResizableEvent() && isForceResizableHeightCalcMode()){
|
||||
resetIFrame(triggerEventDesc);
|
||||
} else if (!(triggerEvent in {'interval':1})){
|
||||
recordTrigger();
|
||||
logIgnored();
|
||||
}
|
||||
}
|
||||
|
||||
if (!isDoubleFiredEvent()){
|
||||
if (isSizeChangeDetected()){
|
||||
recordTrigger();
|
||||
lockTrigger();
|
||||
resizeIFrame();
|
||||
} else {
|
||||
checkDownSizing();
|
||||
}
|
||||
} else {
|
||||
log('Trigger event cancelled: '+triggerEvent);
|
||||
}
|
||||
}
|
||||
|
||||
function lockTrigger(){
|
||||
if (!triggerLocked){
|
||||
triggerLocked = true;
|
||||
log('Trigger event lock on');
|
||||
}
|
||||
clearTimeout(triggerLockedTimer);
|
||||
triggerLockedTimer = setTimeout(function(){
|
||||
triggerLocked = false;
|
||||
log('Trigger event lock off');
|
||||
log('--');
|
||||
},eventCancelTimer);
|
||||
}
|
||||
|
||||
function triggerReset(triggerEvent){
|
||||
height = getHeight[heightCalcMode]();
|
||||
width = getWidth();
|
||||
|
||||
sendMsg(height,width,triggerEvent);
|
||||
}
|
||||
|
||||
function resetIFrame(triggerEventDesc){
|
||||
var hcm = heightCalcMode;
|
||||
heightCalcMode = heightCalcModeDefault;
|
||||
|
||||
log('Reset trigger event: ' + triggerEventDesc);
|
||||
lockTrigger();
|
||||
triggerReset('reset');
|
||||
|
||||
heightCalcMode = hcm;
|
||||
}
|
||||
|
||||
function sendMsg(height,width,triggerEvent,msg,targetOrigin){
|
||||
function setTargetOrigin(){
|
||||
if (undefined === targetOrigin){
|
||||
targetOrigin = targetOriginDefault;
|
||||
} else {
|
||||
log('Message targetOrigin: '+targetOrigin);
|
||||
}
|
||||
}
|
||||
|
||||
function sendToParent(){
|
||||
var
|
||||
size = height + ':' + width,
|
||||
message = myID + ':' + size + ':' + triggerEvent + (undefined !== msg ? ':' + msg : '');
|
||||
|
||||
log('Sending message to host page (' + message + ')');
|
||||
target.postMessage( msgID + message, targetOrigin);
|
||||
}
|
||||
|
||||
setTargetOrigin();
|
||||
sendToParent();
|
||||
}
|
||||
|
||||
function receiver(event) {
|
||||
function isMessageForUs(){
|
||||
return msgID === (''+event.data).substr(0,msgIdLen); //''+ Protects against non-string messages
|
||||
}
|
||||
|
||||
function initFromParent(){
|
||||
initMsg = event.data;
|
||||
target = event.source;
|
||||
|
||||
init();
|
||||
firstRun = false;
|
||||
setTimeout(function(){ initLock = false;},eventCancelTimer);
|
||||
}
|
||||
|
||||
function resetFromParent(){
|
||||
if (!initLock){
|
||||
log('Page size reset by host page');
|
||||
triggerReset('resetPage');
|
||||
} else {
|
||||
log('Page reset ignored by init');
|
||||
}
|
||||
}
|
||||
|
||||
function getMessageType(){
|
||||
return event.data.split(']')[1];
|
||||
}
|
||||
|
||||
function isMiddleTier(){
|
||||
return ('iFrameResize' in window);
|
||||
}
|
||||
|
||||
function isInitMsg(){
|
||||
//test if this message is from a child below us. This is an ugly test, however, updating
|
||||
//the message format would break backwards compatibity.
|
||||
return event.data.split(':')[2] in {'true':1,'false':1};
|
||||
}
|
||||
|
||||
if (isMessageForUs()){
|
||||
if (firstRun && isInitMsg()){ //Check msg ID
|
||||
initFromParent();
|
||||
} else if ('reset' === getMessageType()){
|
||||
resetFromParent();
|
||||
} else if (event.data !== initMsg && !isMiddleTier()){
|
||||
warn('Unexpected message ('+event.data+')');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
addEventListener(window, 'message', receiver);
|
||||
|
||||
})();
|
||||
442
PocoDoc/resources/js/iframeResizer.js
Executable file
442
PocoDoc/resources/js/iframeResizer.js
Executable file
@ -0,0 +1,442 @@
|
||||
/*
|
||||
* File: iframeReizer.js
|
||||
* Desc: Force iframes to size to content.
|
||||
* Requires: iframeResizer.contentWindow.js to be loaded into the target frame.
|
||||
* Author: David J. Bradshaw - dave@bradshaw.net
|
||||
* Contributor: Jure Mav - jure.mav@gmail.com
|
||||
*/
|
||||
;(function() {
|
||||
'use strict';
|
||||
|
||||
var
|
||||
count = 0,
|
||||
firstRun = true,
|
||||
msgHeader = 'message',
|
||||
msgHeaderLen = msgHeader.length,
|
||||
msgId = '[iFrameSizer]', //Must match iframe msg ID
|
||||
msgIdLen = msgId.length,
|
||||
page = '', //:'+location.href, //Uncoment to debug nested iFrames
|
||||
pagePosition = null,
|
||||
requestAnimationFrame = window.requestAnimationFrame,
|
||||
resetRequiredMethods = {max:1,scroll:1,bodyScroll:1,documentElementScroll:1},
|
||||
settings = {},
|
||||
|
||||
defaults = {
|
||||
autoResize : true,
|
||||
bodyBackground : null,
|
||||
bodyMargin : null,
|
||||
bodyMarginV1 : 8,
|
||||
bodyPadding : null,
|
||||
checkOrigin : true,
|
||||
enablePublicMethods : false,
|
||||
heightCalculationMethod : 'offset',
|
||||
interval : 32,
|
||||
log : false,
|
||||
maxHeight : Infinity,
|
||||
maxWidth : Infinity,
|
||||
minHeight : 0,
|
||||
minWidth : 0,
|
||||
scrolling : false,
|
||||
sizeHeight : true,
|
||||
sizeWidth : false,
|
||||
tolerance : 0,
|
||||
closedCallback : function(){},
|
||||
initCallback : function(){},
|
||||
messageCallback : function(){},
|
||||
resizedCallback : function(){}
|
||||
};
|
||||
|
||||
function addEventListener(obj,evt,func){
|
||||
if ('addEventListener' in window){
|
||||
obj.addEventListener(evt,func, false);
|
||||
} else if ('attachEvent' in window){//IE
|
||||
obj.attachEvent('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(' RequestAnimationFrame not supported');
|
||||
}
|
||||
}
|
||||
|
||||
function log(msg){
|
||||
if (settings.log && (typeof console === 'object')){
|
||||
console.log(msgId + '[Host page'+page+']' + msg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function iFrameListener(event){
|
||||
function resizeIFrame(){
|
||||
function resize(){
|
||||
setSize(messageData);
|
||||
setPagePosition();
|
||||
settings.resizedCallback(messageData);
|
||||
}
|
||||
|
||||
syncResize(resize,messageData,'resetPage');
|
||||
}
|
||||
|
||||
function closeIFrame(iframe){
|
||||
var iframeID = iframe.id;
|
||||
|
||||
log(' Removing iFrame: '+iframeID);
|
||||
iframe.parentNode.removeChild(iframe);
|
||||
settings.closedCallback(iframeID);
|
||||
log(' --');
|
||||
}
|
||||
|
||||
function processMsg(){
|
||||
var data = msg.substr(msgIdLen).split(':');
|
||||
|
||||
return {
|
||||
iframe: document.getElementById(data[0]),
|
||||
id: data[0],
|
||||
height: data[1],
|
||||
width: data[2],
|
||||
type: data[3]
|
||||
};
|
||||
}
|
||||
|
||||
function ensureInRange(Dimension){
|
||||
var
|
||||
max = Number(settings['max'+Dimension]),
|
||||
min = Number(settings['min'+Dimension]),
|
||||
dimension = Dimension.toLowerCase(),
|
||||
size = Number(messageData[dimension]);
|
||||
|
||||
if (min>max){
|
||||
throw new Error('Value for min'+Dimension+' can not be greater than max'+Dimension);
|
||||
}
|
||||
|
||||
log(' Checking '+dimension+' is in range '+min+'-'+max);
|
||||
|
||||
if (size<min) {
|
||||
size=min;
|
||||
log(' Set '+dimension+' to min value');
|
||||
}
|
||||
|
||||
if (size>max) {
|
||||
size=max;
|
||||
log(' Set '+dimension+' to max value');
|
||||
}
|
||||
|
||||
messageData[dimension]=''+size;
|
||||
}
|
||||
|
||||
function isMessageFromIFrame(){
|
||||
|
||||
var
|
||||
origin = event.origin,
|
||||
remoteHost = messageData.iframe.src.split('/').slice(0,3).join('/');
|
||||
|
||||
if (settings.checkOrigin) {
|
||||
log(' Checking connection is from: '+remoteHost);
|
||||
|
||||
if ((''+origin !== 'null') && (origin !== remoteHost)) {
|
||||
throw new Error(
|
||||
'Unexpected message received from: ' + origin +
|
||||
' for ' + messageData.iframe.id +
|
||||
'. Message was: ' + event.data +
|
||||
'. This error can be disabled by adding the checkOrigin: false option.'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function isMessageForUs(){
|
||||
return msgId === ('' + msg).substr(0,msgIdLen); //''+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};
|
||||
|
||||
if (retCode){
|
||||
log(' Ignoring init message from meta parent page');
|
||||
}
|
||||
|
||||
return retCode;
|
||||
}
|
||||
|
||||
function forwardMsgFromIFrame(){
|
||||
var msgBody = msg.substr(msg.indexOf(':')+msgHeaderLen+6); //6 === ':0:0:' + ':' (Ideas to name this magic number most welcome)
|
||||
|
||||
log(' MessageCallback passed: {iframe: '+ messageData.iframe.id + ', message: ' + msgBody + '}');
|
||||
settings.messageCallback({
|
||||
iframe: messageData.iframe,
|
||||
message: msgBody
|
||||
});
|
||||
log(' --');
|
||||
}
|
||||
|
||||
function checkIFrameExists(){
|
||||
if (null === messageData.iframe) {
|
||||
throw new Error('iFrame ('+messageData.id+') does not exist on ' + page);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function scrollRequestFromChild(){
|
||||
log(' Reposition requested from iFrame');
|
||||
pagePosition = {
|
||||
x: messageData.width,
|
||||
y: messageData.height
|
||||
};
|
||||
setPagePosition();
|
||||
}
|
||||
|
||||
function actionMsg(){
|
||||
switch(messageData.type){
|
||||
case 'close':
|
||||
closeIFrame(messageData.iframe);
|
||||
settings.resizedCallback(messageData); //To be removed.
|
||||
break;
|
||||
case 'message':
|
||||
forwardMsgFromIFrame();
|
||||
break;
|
||||
case 'scrollTo':
|
||||
scrollRequestFromChild();
|
||||
break;
|
||||
case 'reset':
|
||||
resetIFrame(messageData);
|
||||
break;
|
||||
case 'init':
|
||||
resizeIFrame();
|
||||
settings.initCallback(messageData.iframe);
|
||||
break;
|
||||
default:
|
||||
resizeIFrame();
|
||||
}
|
||||
}
|
||||
|
||||
var
|
||||
msg = event.data,
|
||||
messageData = {};
|
||||
|
||||
if (isMessageForUs()){
|
||||
log(' Received: '+msg);
|
||||
messageData = processMsg();
|
||||
ensureInRange('Height');
|
||||
ensureInRange('Width');
|
||||
|
||||
if ( !isMessageFromMetaParent() && checkIFrameExists() && isMessageFromIFrame() ){
|
||||
actionMsg();
|
||||
firstRun = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function getPagePosition (){
|
||||
if(null === pagePosition){
|
||||
pagePosition = {
|
||||
x: (window.pageXOffset !== undefined) ? window.pageXOffset : document.documentElement.scrollLeft,
|
||||
y: (window.pageYOffset !== undefined) ? window.pageYOffset : document.documentElement.scrollTop
|
||||
};
|
||||
log(' Get position: '+pagePosition.x+','+pagePosition.y);
|
||||
}
|
||||
}
|
||||
|
||||
function setPagePosition(){
|
||||
if(null !== pagePosition){
|
||||
window.scrollTo(pagePosition.x,pagePosition.y);
|
||||
log(' Set position: '+pagePosition.x+','+pagePosition.y);
|
||||
pagePosition = null;
|
||||
}
|
||||
}
|
||||
|
||||
function resetIFrame(messageData){
|
||||
function reset(){
|
||||
setSize(messageData);
|
||||
trigger('reset','reset',messageData.iframe);
|
||||
}
|
||||
|
||||
log(' Size reset requested by '+('init'===messageData.type?'host page':'iFrame'));
|
||||
getPagePosition();
|
||||
syncResize(reset,messageData,'init');
|
||||
}
|
||||
|
||||
function setSize(messageData){
|
||||
function setDimension(dimension){
|
||||
messageData.iframe.style[dimension] = messageData[dimension] + 'px';
|
||||
log(
|
||||
' IFrame (' + messageData.iframe.id +
|
||||
') ' + dimension +
|
||||
' set to ' + messageData[dimension] + 'px'
|
||||
);
|
||||
}
|
||||
|
||||
if( settings.sizeHeight) { setDimension('height'); }
|
||||
if( settings.sizeWidth ) { setDimension('width'); }
|
||||
}
|
||||
|
||||
function syncResize(func,messageData,doNotSync){
|
||||
if(doNotSync!==messageData.type && requestAnimationFrame){
|
||||
log(' Requesting animation frame');
|
||||
requestAnimationFrame(func);
|
||||
} else {
|
||||
func();
|
||||
}
|
||||
}
|
||||
|
||||
function trigger(calleeMsg,msg,iframe){
|
||||
log('[' + calleeMsg + '] Sending msg to iframe ('+msg+')');
|
||||
iframe.contentWindow.postMessage( msgId + msg, '*' );
|
||||
}
|
||||
|
||||
|
||||
function setupIFrame(){
|
||||
function setLimits(){
|
||||
function addStyle(style){
|
||||
if ((Infinity !== settings[style]) && (0 !== settings[style])){
|
||||
iframe.style[style] = settings[style] + 'px';
|
||||
log(' Set '+style+' = '+settings[style]+'px');
|
||||
}
|
||||
}
|
||||
|
||||
addStyle('maxHeight');
|
||||
addStyle('minHeight');
|
||||
addStyle('maxWidth');
|
||||
addStyle('minWidth');
|
||||
}
|
||||
|
||||
function ensureHasId(iframeID){
|
||||
if (''===iframeID){
|
||||
iframe.id = iframeID = 'iFrameResizer' + count++;
|
||||
log(' Added missing iframe ID: '+ iframeID +' (' + iframe.src + ')');
|
||||
}
|
||||
|
||||
return iframeID;
|
||||
}
|
||||
|
||||
function setScrolling(){
|
||||
log(' IFrame scrolling ' + (settings.scrolling ? 'enabled' : 'disabled') + ' for ' + iframeID);
|
||||
iframe.style.overflow = false === settings.scrolling ? 'hidden' : 'auto';
|
||||
iframe.scrolling = false === settings.scrolling ? 'no' : 'yes';
|
||||
}
|
||||
|
||||
//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.bodyMargin)) || ('0'===settings.bodyMargin)){
|
||||
settings.bodyMarginV1 = settings.bodyMargin;
|
||||
settings.bodyMargin = '' + settings.bodyMargin + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
function createOutgoingMsg(){
|
||||
return iframeID +
|
||||
':' + settings.bodyMarginV1 +
|
||||
':' + settings.sizeWidth +
|
||||
':' + settings.log +
|
||||
':' + settings.interval +
|
||||
':' + settings.enablePublicMethods +
|
||||
':' + settings.autoResize +
|
||||
':' + settings.bodyMargin +
|
||||
':' + settings.heightCalculationMethod +
|
||||
':' + settings.bodyBackground +
|
||||
':' + settings.bodyPadding +
|
||||
':' + settings.tolerance;
|
||||
}
|
||||
|
||||
function init(msg){
|
||||
//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.
|
||||
addEventListener(iframe,'load',function(){
|
||||
var fr = firstRun; // Reduce scope of var to function, because IE8's JS execution
|
||||
// context stack is borked and this value gets externally
|
||||
// changed midway through running this function.
|
||||
trigger('iFrame.onload',msg,iframe);
|
||||
if (!fr && settings.heightCalculationMethod in resetRequiredMethods){
|
||||
resetIFrame({
|
||||
iframe:iframe,
|
||||
height:0,
|
||||
width:0,
|
||||
type:'init'
|
||||
});
|
||||
}
|
||||
});
|
||||
trigger('init',msg,iframe);
|
||||
}
|
||||
|
||||
var
|
||||
/*jshint validthis:true */
|
||||
iframe = this,
|
||||
iframeID = ensureHasId(iframe.id);
|
||||
|
||||
setScrolling();
|
||||
setLimits();
|
||||
setupBodyMarginValues();
|
||||
init(createOutgoingMsg());
|
||||
}
|
||||
|
||||
function checkOptions(options){
|
||||
if ('object' !== typeof options){
|
||||
throw new TypeError('Options is not an object.');
|
||||
}
|
||||
}
|
||||
|
||||
function createNativePublicFunction(){
|
||||
function init(element){
|
||||
if('IFRAME' !== element.tagName.toUpperCase()) {
|
||||
throw new TypeError('Expected <IFRAME> tag, found <'+element.tagName+'>.');
|
||||
} else {
|
||||
setupIFrame.call(element);
|
||||
}
|
||||
}
|
||||
|
||||
function processOptions(options){
|
||||
options = options || {};
|
||||
|
||||
checkOptions(options);
|
||||
|
||||
for (var option in defaults) {
|
||||
if (defaults.hasOwnProperty(option)){
|
||||
settings[option] = options.hasOwnProperty(option) ? options[option] : defaults[option];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return function iFrameResizeF(options,selecter){
|
||||
processOptions(options);
|
||||
Array.prototype.forEach.call( document.querySelectorAll( selecter || 'iframe' ), init );
|
||||
};
|
||||
}
|
||||
|
||||
function createJQueryPublicMethod($){
|
||||
$.fn.iFrameResize = function $iFrameResizeF(options) {
|
||||
options = options || {};
|
||||
checkOptions(options);
|
||||
settings = $.extend( {}, defaults, options );
|
||||
return this.filter('iframe').each( setupIFrame ).end();
|
||||
};
|
||||
}
|
||||
|
||||
setupRequestAnimationFrame();
|
||||
addEventListener(window,'message',iFrameListener);
|
||||
|
||||
if (window.jQuery) { createJQueryPublicMethod(jQuery); }
|
||||
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(function (){ return createNativePublicFunction(); });
|
||||
} else {
|
||||
window.iFrameResize = createNativePublicFunction();
|
||||
}
|
||||
|
||||
})();
|
||||
Loading…
Reference in New Issue
Block a user