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 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>
		</a>

		<p>
			Mouse over the code example below.
		</p>

		<xmp><!--  #code  --></xmp>

		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script type="text/javascript" src="../js/iframeResizer.contentWindow.min.js"></script>

		<div id="code">
<style>
    xmp{background-color: #eee;padding:0 20px;display:block;}
    xmp:hover{border:#c33 solid 40px;}
</style>
<script>
    (function(){
        $('xmp').hover(function(){
            if ('parentIFrame' in window) {
                setTimeout(function(){ // Fix FireFox timing issue
                    parentIFrame.size();
                },0);
            }
        });
    })();
</script>
		</div>

		<script>$('xmp').text($('#code').html());</script>
	</body>
</html>
author	saskia-hiltemann
date	Tue, 01 Jul 2014 11:42:23 -0400
parents
children