diff options
| author | Hakim El Hattab | 2012-11-10 17:15:11 -0500 |
|---|---|---|
| committer | Hakim El Hattab | 2012-11-10 17:15:11 -0500 |
| commit | 87591d95d18b9fe215f06791bd639a6ae4839cfd (patch) | |
| tree | 8f3f99a40f405810deaf5ab3b4117b0b0945be4c /plugin/postmessage/example.html | |
| parent | 42766b1bfac3409eb5ec312e57d007b749edce8b (diff) | |
cosmetical tweaks to postmessage plugin
Diffstat (limited to 'plugin/postmessage/example.html')
| -rw-r--r-- | 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 100644 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> |