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