view iframe-resizer/example/frame.hover.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 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>