Mercurial > repos > saskia-hiltemann > ireport
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