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