view iframe-resizer/test/resources/frame.nested.html @ 9:7300ed4c1481 draft default tip

Uploaded
author saskia-hiltemann
date Mon, 04 Sep 2017 10:49:00 -0400
parents ac5f9272033b
children
line wrap: on
line source

<!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>