add back/forward key events and change click handler to completely be driven by slide...
authorrobert <robert>
Sun, 1 Feb 2009 16:42:31 +0000 (16:42 +0000)
committerrobert <robert>
Sun, 1 Feb 2009 16:42:31 +0000 (16:42 +0000)
13 files changed:
fosdem2009/index.html
fosdem2009/slide_expectations.html
fosdem2009/slide_initial_goals.html
fosdem2009/slide_introduction.html
fosdem2009/slide_quovadis.html
fosdem2009/slide_seamonkey1.html
fosdem2009/slide_seamonkey2.html
fosdem2009/slide_vision1_integration.html
fosdem2009/slide_vision2_configurability.html
fosdem2009/slide_vision3_innovation.html
fosdem2009/slide_vision4_security.html
fosdem2009/slide_vision5_stability.html
fosdem2009/slides.js

index 8f55ca3bf3a784a3a2d452926ac9fb5ad7d47d2f..c25f60fd015715d638455c05b41e2dcd752065c0 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_introduction.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_introduction.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
@@ -48,7 +48,7 @@ Speaker: Robert Kaiser, "KaiRo" &lt;kairo@kairo.at&gt;
   <li>Best navigated with SeaMonkey's "Site Navigation Bar" (all pages
    linked via [HTML 2.0] &lt;link&gt; tags)</li>
   <li>For others: nav links on all slides, with accesskeys
   <li>Best navigated with SeaMonkey's "Site Navigation Bar" (all pages
    linked via [HTML 2.0] &lt;link&gt; tags)</li>
   <li>For others: nav links on all slides, with accesskeys
-   (e.g. "n"/Alt+Shift+N for "next")</li>
+   (e.g. "n"/Alt+Shift+N for "next"), back/forward keys</li>
   <li><a href="toc.html">Table of Contents</a></li>
   <li>&copy; 01-02/2009 Robert Kaiser and The SeaMonkey Project</li>
 </ul>
   <li><a href="toc.html">Table of Contents</a></li>
   <li>&copy; 01-02/2009 Robert Kaiser and The SeaMonkey Project</li>
 </ul>
index 688b3c23c00d15702ecc0e479d7d51a42f5cae06..aaa67411feb02dbcfef9105869425058f423dae7 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_end.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_end.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index dc6dae00626146c2e7ba91161101964c209fb8b2..03ff59a63d62fcb6691ba18df9e1e5f1a51c8f9e 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_seamonkey1.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_seamonkey1.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index d2eb274de55ebcd7f9b03f4100eee7517e295d71..b696b70aaa13452c3e89478e76365d0fbcf22425 100644 (file)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_initial_goals.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_initial_goals.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index 7684af9b57912b18cb6493a59a24324f12114158..9340ba81b48e285134f03564f1b45777996e105c 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_vision1_integration.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_vision1_integration.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index 6c0b2a562d51f12e57dbef9a97bce3cdac76273c..77e43953de25e5b687074898fdad6615fc53062d 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_seamonkey2.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_seamonkey2.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index a1243ed9dc0fb6e146e02b14b8ed47f0d7ac818e..ea69a06dbc51dd1c9e99844d75b8c3fde58ad143 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_quovadis.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_quovadis.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index 455afb04ea719aae828d4d6abe2378fbd795c868..1c121a1a2d2447c08960ec338e6fb02823d485cd 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_vision2_configurability.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_vision2_configurability.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index 0d0f0c450d9bb25929199849edc555d364621142..7f8b59ae45657a574272f4a014a1dfc3e44a7e5c 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_vision3_innovation.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_vision3_innovation.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index c81feff7c65ead60a7ae2dc0b9f7768b9f7402ab..0ec7906fd242c164dfd03ee26a3b770ad5cfac8a 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_vision4_security.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_vision4_security.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index 7b83cdc1203cadd60cc1b7156223104fe8c7d1f4..a3397de1b7b61b6aacec1235c178b2e454090ea0 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_vision5_stability.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_vision5_stability.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index c47adcb84b65d5396662be6d5009f281222acce6..f8c1d557be4d59000b31139ffe8e340c7f5967b4 100755 (executable)
@@ -14,7 +14,7 @@
   <link rel="next" href="slide_expectations.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
   <link rel="next" href="slide_expectations.html" title="Next page">
   <link rel="last" href="slide_end.html" title="Last page">
 </head>
-<body onLoad="document.body.onclick = docClicked;">
+<body>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
 <div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
   <img src="template/header-logo.png" height="38" width="260" alt="">
 </div>
index 134b3f4e0e221a2e6145ca1bb81bee23f959bb90..1dd7390fff0fcccd63bd9de467970f4b77800d04 100644 (file)
@@ -5,12 +5,6 @@
  *     (for FOSDEM 2007)      *
  ******************************/
 
  *     (for FOSDEM 2007)      *
  ******************************/
 
-function docClicked(event) {
-  if (event.target.nodeName != "A") {
-    location.href = document.getElementById('goNext').href;
-  }
-}
-
 // do timed color variantion on slides
 var slide_seconds = 3*60;
 var slide_start = new Date();
 // do timed color variantion on slides
 var slide_seconds = 3*60;
 var slide_start = new Date();
@@ -34,5 +28,37 @@ function timerFired() {
     setTimeout("timerFired()", 1000);
   }
 }
     setTimeout("timerFired()", 1000);
   }
 }
-
 setTimeout("timerFired()", 1000*(slide_seconds/3));
 setTimeout("timerFired()", 1000*(slide_seconds/3));
+
+(function() {
+  function go(where) {
+    where = where || "next";
+    var links = document.getElementsByTagName("link");
+    for (var i = 0; i < links.length; ++i) {
+      if (links[i].rel == where) {
+        window.location.href = links[i].href;
+        break;
+      }
+    }
+  }
+
+  function handleClick(e) {
+    e = e || event;
+    var target = (window.event) ? e.srcElement : e.target;
+    if (e.which == 1 && target.nodeName != "A")
+      go("next");
+  }
+
+  function handleKeyPress(e) {
+    e = e || event;
+    switch (e.keyCode) {
+      case e.DOM_VK_LEFT:
+        go("previous"); break;
+      case e.DOM_VK_RIGHT:
+        go("next"); break;
+    }
+  }
+
+  window.onclick = handleClick;
+  window.onkeypress = handleKeyPress;
+})();