PageInfo method to get parent position

README.md

@@ -372,6 +372,16 @@ Tell the iFrame to resize itself.
 
 Send data to the containing page, `message` can be any data type that can be serialized into JSON. The `targetOrigin` option is used to restrict where the message is sent to, in case your iFrame navigates away to another domain.
 
+### pageInfo(callback)
+
+Ask the containing page for its positioning coordinates. You need to provide a callback which receives an object with the following properties:
+
+* **clientHeight** The height of the viewport in pixels
+* **clientWidth** The width of the viewport in pixels
+* **offsetLeft** The number of pixels between the left edge of the containing page and the left edge of the iframe
+* **offsetTop** The number of pixels between the top edge of the containing page and the top edge of the iframe
+* **scrollLeft** The number of pixels between the left edge of the iframe and the left edge of the iframe viewport
+* **scrollTop** The number of pixels between the top edge of the iframe and the top edge of the iframe viewport
 
 
 ## Troubleshooting
@@ -574,4 +584,3 @@ The parentIFrame methods object in the iFrame is now always available and the `e
 ## License
 Copyright © 2013-15 [David J. Bradshaw](https://github.com/davidjbradshaw).
 Licensed under the [MIT License](LICENSE).
-

js/iframeResizer.contentWindow.js

@@ -52,7 +52,8 @@
 		widthCalcMode         = widthCalcModeDefault,
 		win                   = window,
 		messageCallback       = function(){warn('MessageCallback function not defined');},
-		readyCallback         = function(){};
+		readyCallback         = function(){},
+		pageInfoCallback      = function(){};
 
 
 	function addEventListener(el,evt,func){
@@ -493,6 +494,11 @@
 				sendMsg(0,0,'message',JSON.stringify(msg),targetOrigin);
 			},
 
+			getPageInfo: function getPageInfoF(callback){
+				pageInfoCallback = callback
+				sendMsg(0,0,'pageInfo');
+			},
+
 			setHeightCalculationMethod: function setHeightCalculationMethodF(heightCalculationMethod){
 				heightCalcMode = heightCalculationMethod;
 				checkHeightMode();
@@ -989,6 +995,13 @@
 			log(' --');
 		}
 
+		function pageInfoFromParent(){
+			var msgBody = getData();
+			log('PageInfoFromParent called from parent: ' + msgBody );
+			pageInfoCallback(JSON.parse(msgBody));
+			log(' --');
+		}
+
 		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.
@@ -1009,6 +1022,9 @@
 			case 'message':
 				messageFromParent();
 				break;
+			case 'pageInfo':
+				pageInfoFromParent();
+				break;
 			default:
 				if (!isMiddleTier() && !isInitMsg()){
 					warn('Unexpected message ('+event.data+')');

js/iframeResizer.js

@@ -241,6 +241,20 @@
 			log(iframeId,'--');
 		}
 
+		function sendPageInfoToIframe(){
+			var bodyPosition   = document.body.getBoundingClientRect();
+			var iFramePosition = messageData.iframe.getBoundingClientRect();
+			var position = {
+				clientHeight: Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
+				clientWidth:  Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
+				offsetLeft:   parseInt(iFramePosition.left - bodyPosition.left),
+				offsetTop:    parseInt(iFramePosition.top - bodyPosition.top),
+				scrollLeft:   window.pageXOffset,
+				scrollTop:    window.pageYOffset
+			};
+			trigger('Send Page Info','pageInfo:'+JSON.stringify(position), settings[iframeId].iframe,iframeId);
+		}
+
 		function checkIFrameExists(){
 			var retBool = true;
 
@@ -363,6 +377,9 @@
 			case 'scrollToOffset':
 				scrollRequestFromChild(true);
 				break;
+			case 'pageInfo':
+				sendPageInfoToIframe()
+				break;
 			case 'inPageLink':
 				findTarget(getMsgBody(9));
 				break;

src/iframeResizer.contentWindow.js

@@ -52,7 +52,8 @@
 		widthCalcMode         = widthCalcModeDefault,
 		win                   = window,
 		messageCallback       = function(){warn('MessageCallback function not defined');},
-		readyCallback         = function(){};
+		readyCallback         = function(){},
+		pageInfoCallback      = function(){};
 
 
 	function addEventListener(el,evt,func){
@@ -493,6 +494,11 @@
 				sendMsg(0,0,'message',JSON.stringify(msg),targetOrigin);
 			},
 
+			getPageInfo: function getPageInfoF(callback){
+				pageInfoCallback = callback
+				sendMsg(0,0,'pageInfo');
+			},
+
 			setHeightCalculationMethod: function setHeightCalculationMethodF(heightCalculationMethod){
 				heightCalcMode = heightCalculationMethod;
 				checkHeightMode();
@@ -989,6 +995,13 @@
 			log(' --');
 		}
 
+		function pageInfoFromParent(){
+			var msgBody = getData();
+			log('PageInfoFromParent called from parent: ' + msgBody );
+			pageInfoCallback(JSON.parse(msgBody));
+			log(' --');
+		}
+
 		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.
@@ -1009,6 +1022,9 @@
 			case 'message':
 				messageFromParent();
 				break;
+			case 'pageInfo':
+				pageInfoFromParent();
+				break;
 			default:
 				if (!isMiddleTier() && !isInitMsg()){
 					warn('Unexpected message ('+event.data+')');

src/iframeResizer.js

@@ -241,6 +241,20 @@
 			log(iframeId,'--');
 		}
 
+		function sendPageInfoToIframe(){
+			var bodyPosition   = document.body.getBoundingClientRect();
+			var iFramePosition = messageData.iframe.getBoundingClientRect();
+			var position = {
+				clientHeight: Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
+				clientWidth:  Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
+				offsetLeft:   parseInt(iFramePosition.left - bodyPosition.left),
+				offsetTop:    parseInt(iFramePosition.top - bodyPosition.top),
+				scrollLeft:   window.pageXOffset,
+				scrollTop:    window.pageYOffset
+			};
+			trigger('Send Page Info','pageInfo:'+JSON.stringify(position), settings[iframeId].iframe,iframeId);
+		}
+
 		function checkIFrameExists(){
 			var retBool = true;
 
@@ -363,6 +377,9 @@
 			case 'scrollToOffset':
 				scrollRequestFromChild(true);
 				break;
+			case 'pageInfo':
+				sendPageInfoToIframe()
+				break;
 			case 'inPageLink':
 				findTarget(getMsgBody(9));
 				break;