Differences

This shows you the differences between two versions of the page.

--- ctd:slides:test [2018/12/25 12:26]
admin
+++ ctd:slides:test [2018/12/25 12:46]
admin
@@ Line 60: / Line 60: @@
     <input type="number" min="1" max="99" style="width: 3em;" pattern="\d*" id="page" />
-    <div class="controls"> <!------ 상태표시 ------->
         <div style="padding: 0.7em 0.4em 0.2em 0.4em; border-bottom:1px solid #99999a; width:100%; margin:0 auto;"><b>Commentary</b></div>
         <div class="comment"></div>
-        <!------ button onclick="full_screen()">Fullscreen</button -------->
+        <button onclick="full_screen()">Fullscreen</button>
-    </div>
     <script type="text/javascript"> <!------ 이벤트 Listner ------->
@@ Line 111: / Line 109: @@
         }
     }
+    /**
+     * Example of sending messages into the presentation frame.
+     * https://github.com/hakimel/reveal.js#api
+    */
+    document.querySelector( '.goto' ).addEventListener( 'click', function( event ) {
+        event.preventDefault();
+        // Find our presentation iframe
+        var frame = document.querySelector( 'iframe' );
+        // Post a message into the frame
+        frame.contentWindow.postMessage( JSON.stringify(
+        {
+            method: 'slide',
+            args: [ document.getElementById("chapter").value - 1,
+                    document.getElementById("page").value - 1 ]
+        }), '*' );
+    } );
     </script>

Connecting The Dots