diff options
| author | mo k <mo@mokhan.ca> | 2013-02-17 22:12:28 -0700 |
|---|---|---|
| committer | mo k <mo@mokhan.ca> | 2013-02-17 22:12:28 -0700 |
| commit | 75fa02488b043726dd62abbc77e02715373c850b (patch) | |
| tree | 1443510cee226ed74d5a1b583a8f7133cffbd1f4 /plugin/postmessage/example.html | |
| parent | c0d4345557d8cf10e9fe44d751a39118d50b3639 (diff) | |
add reveal.js
Diffstat (limited to 'plugin/postmessage/example.html')
| -rwxr-xr-x | plugin/postmessage/example.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/plugin/postmessage/example.html b/plugin/postmessage/example.html new file mode 100755 index 0000000..cc57a7b --- /dev/null +++ b/plugin/postmessage/example.html @@ -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> |