<!DOCTYPE html> <html>
<head> <meta charset="utf-8"> <title>iFrame message passing test</title> <meta name="description" content="iFrame message passing test"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style> a { float:right; margin-left:10px;} </style> </head> <body> <b>iFrame :Hover Example</b> <a href="frame.content.html">Back to page 1</a> <p> Mouse over the code example below. </p> <xmp><!-- #code --></xmp> <script> var iFrameResizer = { heightCalculationMethod:'lowestElement' } </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="../js/client/iframeResizer.contentWindow.min.js" defer></script>
<div id=“code”>
<style> xmp{background-color: #eee;padding: 20px;display:block;} xmp:hover{border:#c33 solid 40px;} </style> <script> (function(){ $('xmp').hover(function(){ if ('parentIFrame' in window) { // Fix race condition in FireFox with setTimeout setTimeout(parentIFrame.size.bind(parentIFrame),0); } }); })(); </script>
</div>
<script>$('xmp').text('<xmp>'+$('#code').html()+'<xmp>');</script> </body>
</html>