Merge branch 'master' of https://github.com/sithmel/reveal.js

merge postmessage api

Merge branch 'master' of https://github.com/sithmel/reveal.js
42766b1b · Hakim El Hattab · b42890d1 · a7c35430 · 42766b1b · 42766b1b
Commit 42766b1b authored 12 years ago by Hakim El Hattab
--- a/plugin/postmessage/iframe_example.html
+++ b/plugin/postmessage/iframe_example.html
+<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>
--- a/plugin/postmessage/postmessage.js
+++ b/plugin/postmessage/postmessage.js
+/*
+simple postmessage plugin
+
+Useful when a reveal slideshow is inside an iframe.
+It allows to call reveal methods from outside.
+
+Example:
+   var reveal =  window.frames[0];
+
+   // 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]}), '*');
+
+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);
+}());
+
+
+