<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<li>Best navigated with SeaMonkey's "Site Navigation Bar" (all pages
linked via [HTML 2.0] <link> 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>© 01-02/2009 Robert Kaiser and The SeaMonkey Project</li>
</ul>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
<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 & The Vision Beyond</div>
<img src="template/header-logo.png" height="38" width="260" alt="">
</div>
* (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();
setTimeout("timerFired()", 1000);
}
}
-
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;
+})();