added a simple postmessage plugin

2012-10-31 15:36:26 +01:00
parent f51067b00e
commit a7c3543069
2 changed files with 74 additions and 0 deletions
--- a/plugin/postmessage/iframe_example.html
+++ b/plugin/postmessage/iframe_example.html
@ -0,0 +1,34 @@
+<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>