diff iframe-resizer/test/resources/frame.nested.html @ 0:ac5f9272033b draft

first upload
author saskia-hiltemann
date Tue, 01 Jul 2014 11:42:23 -0400
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/iframe-resizer/test/resources/frame.nested.html	Tue Jul 01 11:42:23 2014 -0400
@@ -0,0 +1,59 @@
+<!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>
\ No newline at end of file