| <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> |
