35 lines
		
	
	
		
			948 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			35 lines
		
	
	
		
			948 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
<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>
 |