1
0
Fork 0
intro-to-vim/bower_components/reveal.js/plugin/postmessage/example.html
Andrew Tomaka f3d18656b2 Initial commit
Install reveal.js presentation framework using bower:

bower install reveal.js --save

Setup an initial slide show with a title page and resources page to conclude.

It seems like the bower_components directory does not belong in the repository,
but I am not familar with practices using the tool so it can be included for
now.
2014-05-13 00:10:10 -04:00

39 lines
1,001 B
HTML

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