Mercurial > repos > saskia-hiltemann > ireport

diff iframe-resizer/example/frame.hover.html @ 0:ac5f9272033b draft
first upload
author: saskia-hiltemann
date: Tue, 01 Jul 2014 11:42:23 -0400
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/iframe-resizer/example/frame.hover.html	Tue Jul 01 11:42:23 2014 -0400
@@ -0,0 +1,47 @@
+<!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>
\ No newline at end of file