Home Explore Help
Register Sign In
OSInet
/
assets__prague2013_blocks
2
0
Fork 0
Files Pull Requests 0
Browse Source

cosmetical tweaks to postmessage plugin

Hakim El Hattab 11 years ago
parent
42766b1bfa
commit
87591d95d1
3 changed files with 65 additions and 58 deletions
Split View Show Diff Stats
  1. 39 0
      plugin/postmessage/example.html
  2. 0 34
      plugin/postmessage/iframe_example.html
  3. 26 24
      plugin/postmessage/postmessage.js

+ 39 - 0
plugin/postmessage/example.html
View File 

@@ -0,0 +1,39 @@
 
+<html>
 
+	<body>
 
+
 
+		<iframe id="reveal" src="../../index.html" style="border: 0;" width="500" height="500"></iframe>
 
+
 
+		<div>
 
+			<input id="back" type="button" value="go back"/>
 
+			<input id="ahead" type="button" value="go ahead"/>
 
+			<input id="slideto" type="button" value="slideto 2-2"/>
 
+		</div>
 
+
 
+		<script>
 
+
 
+			(function (){
 
+
 
+				var back = document.getElementById( 'back' ),
 
+						ahead = document.getElementById( 'ahead' ),
 
+						slideto = document.getElementById( 'slideto' ),
 
+						reveal =  window.frames[0];
 
+
 
+					back.addEventListener( 'click', function () {
 
+						
+					reveal.postMessage( JSON.stringify({method: 'prev', args: []}), '*' );
 
+				}, false );
 
+
 
+				ahead.addEventListener( 'click', function (){
 
+					reveal.postMessage( JSON.stringify({method: 'next', args: []}), '*' );
 
+				}, false );
 
+
 
+				slideto.addEventListener( 'click', function (){
 
+					reveal.postMessage( JSON.stringify({method: 'slide', args: [2,2]}), '*' );
 
+				}, false );
 
+
 
+			}());
 
+
 
+		</script>
 
+
 
+	</body>
 
+</html>

+ 0 - 34
plugin/postmessage/iframe_example.html
View File 

@@ -1,34 +0,0 @@
 
-<html>
 
-<body>
 
-    <iframe id="reveal" src="reveal.js/index.html" width="500" height="500"></iframe>
 
-<div>
 
-<input id="back" type="button" value="go back"/>
 
-<input id="ahead" type="button" value="go ahead"/>
 
-<input id="slideto" type="button" value="slideto 2-2"/>
 
-</div>
 
-<script>
 
-(function (){
 
-   var back = document.getElementById('back'),
 
-       ahead = document.getElementById('ahead'),
 
-       slideto = document.getElementById('slideto'),
 
-       reveal =  window.frames[0];
 
-
 
-   back.addEventListener('click', function (){
 
-       
-       reveal.postMessage(JSON.stringify({method: 'prev', args: []}), '*');
 
-   },false); 
-
 
-   ahead.addEventListener('click', function (){
 
-       reveal.postMessage(JSON.stringify({method: 'next', args: []}), '*');
 
-   },false); 
-
 
-   slideto.addEventListener('click', function (){
 
-       
-       reveal.postMessage(JSON.stringify({method: 'slide', args: [2,2]}), '*');
 
-   },false); 
-
 
-}());
 
-
 
-</script>
 
-</body>
 
-</html>

+ 26 - 24
plugin/postmessage/postmessage.js
View File 

@@ -1,39 +1,41 @@
 
 /*
 
-simple postmessage plugin
 
 
-Useful when a reveal slideshow is inside an iframe.
 
-It allows to call reveal methods from outside.
 
+	simple postmessage plugin
 
 
-Example:
 
-   var reveal =  window.frames[0];
 
+	Useful when a reveal slideshow is inside an iframe.
 
+	It allows to call reveal methods from outside.
 
 
-   // Reveal.prev(); 
-   reveal.postMessage(JSON.stringify({method: 'prev', args: []}), '*');
 
-   // Reveal.next(); 
-   reveal.postMessage(JSON.stringify({method: 'next', args: []}), '*');
 
-   // Reveal.slide(2, 2); 
-   reveal.postMessage(JSON.stringify({method: 'slide', args: [2,2]}), '*');
 
+	Example:
 
+		 var reveal =  window.frames[0];
 
 
-Add to the slideshow:
 
+		 // Reveal.prev(); 
+		 reveal.postMessage(JSON.stringify({method: 'prev', args: []}), '*');
 
+		 // Reveal.next(); 
+		 reveal.postMessage(JSON.stringify({method: 'next', args: []}), '*');
 
+		 // Reveal.slide(2, 2); 
+		 reveal.postMessage(JSON.stringify({method: 'slide', args: [2,2]}), '*');
 
 
-	dependencies: [
 
-        ...
 
-		{ src: 'plugin/postmessage/postmessage.js', async: true, condition: function() { return !!document.body.classList; } }
 
-	]
 
+	Add to the slideshow:
 
 
+		dependencies: [
 
+			...
 
+			{ src: 'plugin/postmessage/postmessage.js', async: true, condition: function() { return !!document.body.classList; } }
 
+		]
 
 
 */
 
 
 (function (){
 
 
-window.addEventListener("message", function (event){
 
-    var data = JSON.parse(event.data),
 
-        method = data.method,
 
-        args = data.args;
 
-    if (Reveal[method]){
 
-        Reveal[method].apply(Reveal, data.args);
 
-    }
 
-}, false);
 
+	window.addEventListener( "message", function ( event ) {
 
+		var data = JSON.parse( event.data ),
 
+				method = data.method,
 
+				args = data.args;
 
+
 
+		if( typeof Reveal[method] === 'function' ) {
 
+			Reveal[method].apply( Reveal, data.args );
 
+		}
 
+	}, false);
 
+
 
 }());