Sha256: de8717e5e7856cd7a6b30830c3ebb674b8a8f35538ba5da4ee8747fa7bee3c34
Contents?: true
Size: 1.51 KB
Versions: 19
Compression:
Stored size: 1.51 KB
Contents
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>iFrame message passing test 3</title>
<meta name="description" content="iFrame message passing test 3">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="noindex">
<meta name="robots" content="nofollow">
<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="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../js/client/iframeResizer.contentWindow.js"></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>
Version data entries
19 entries across 19 versions & 1 rubygems