Mercurial > repos > saskia-hiltemann > ireport

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>iFrame message passing test</title>
		<meta name="description" content="iFrame message passing test">
		<meta name="viewport" content="width=device-width">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<script type="text/javascript">
			//MDN PolyFil for IE8 (This is not needed if you use the jQuery version)
			if (!Array.prototype.forEach){
				Array.prototype.forEach = function(fun /*, thisArg */){
				"use strict";
				if (this === void 0 || this === null || typeof fun !== "function") throw new TypeError();

				var
				t = Object(this),
				len = t.length >>> 0,
				thisArg = arguments.length >= 2 ? arguments[1] : void 0;

				for (var i = 0; i < len; i++)
				if (i in t)
					fun.call(thisArg, t[i], i, t);
				};
			}
		</script>
		<style>
			*, *:before, *:after {box-model: border-box;}
			a { float:right; margin-left:10px;}

			h2 {margin-top: 0;}
		</style>
	</head>
	<body>
		<h2>Nested iFrame</h2>
		<p>Resize window or click one of the links in the nested iFrame to watch it resize.</p>
		<div style="margin:20px;">
			<iframe id="nestedIFrame" src="frame.content.html" width="100%" scrolling="no"></iframe>
		</div>
		<p id="callback">
		</p>

		<script type="text/javascript" src="../../js/iframeResizer.contentWindow.min.js"></script>
		<script src="jquery.js"></script>
		<script type="text/javascript" src="../../js/iframeResizer.min.js"></script>
		<script type="text/javascript">

			iFrameResize({
				log                     : true,                  // Enable console logging
				resizedCallback         : function(messageData){ // Callback fn when message is received
					setTimeout(function(){parentIFrame.sendMessage('nested')},50);
				}
			});


		</script>

	</body>
</html>
author	saskia-hiltemann
date	Tue, 01 Jul 2014 11:42:23 -0400
parents
children