From 9f9e613d4da1363c31fa1ab1089dd60ff54b1a97 Mon Sep 17 00:00:00 2001
From: Pelle Nilsson <perni@lysator.liu.se>
Date: Tue, 18 Jun 2013 22:59:13 +0200
Subject: [PATCH] HTML output now playable with JavaScript disabled or missing
 js file.

---
 gamebookformat.css                 | 6 ++++--
 gamebookformatplay.js              | 5 +++++
 templates/html/begin.html          | 4 +++-
 templates/html/endscript.html      | 4 ++--
 templates/html/section_ref.html    | 3 ++-
 templates/html/sections_begin.html | 2 +-
 todo.org                           | 4 ++--
 7 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/gamebookformat.css b/gamebookformat.css
index e7996ab..844dcbe 100644
--- a/gamebookformat.css
+++ b/gamebookformat.css
@@ -24,7 +24,7 @@
 .sectionnumber,.introsectionheading {font-weight: bolder;
                 width: 100%;
                 text-align: center;}
-.section {display: none; width: 90%; margin-left: 5%; margin-right: 5%;}
+.section {width: 90%; margin-left: 5%; margin-right: 5%;}
 .sectiontext {margin-top: 0.5em;}
 .gamebook {max-width: 30em; padding: 1em; width: 100%; font-size: 133%;}
 .collections {margin-top: 4em;}
@@ -47,4 +47,6 @@
 .sectionimage {width: 100%; padding: 1em;}
 .nodisplay {display: none;}
 .resumenr {font-weight: bold;}
-.counterChange {font-weight: bold;}
\ No newline at end of file
+.counterChange {font-weight: bold;}
+
+a {text-decoration: none; color: black;}
\ No newline at end of file
diff --git a/gamebookformatplay.js b/gamebookformatplay.js
index c7b38be..bcd8eca 100644
--- a/gamebookformatplay.js
+++ b/gamebookformatplay.js
@@ -160,6 +160,11 @@ var gamebook = {
         this.displaySection(nr);
     },
 
+    prepare : function() {
+        this.addClassToClass('section', 'nodisplay');
+        this.runActionsInIntroSections();
+    },
+
     'start' : function() {
         this.hideIntroSections();
         this.addClassToClass('startlink', 'nodisplay');
diff --git a/templates/html/begin.html b/templates/html/begin.html
index dd0559f..5ed1fad 100644
--- a/templates/html/begin.html
+++ b/templates/html/begin.html
@@ -8,7 +8,9 @@
     <link rel="stylesheet" href="gamebookformat.css"
           type="text/css" />
     <script>
-      gamebook.id = '%(id)s';
+      if (typeof gamebook !== 'undefined') {
+         gamebook.id = '%(id)s';
+      }
     </script>
 #include "head-overrides"
   </head>
diff --git a/templates/html/endscript.html b/templates/html/endscript.html
index d05590e..0dfc66b 100644
--- a/templates/html/endscript.html
+++ b/templates/html/endscript.html
@@ -1,3 +1,3 @@
-if (this.gamebook) {
-    gamebook.runActionsInIntroSections();
+if (typeof gamebook !== 'undefined') {
+   gamebook.prepare();
 }
diff --git a/templates/html/section_ref.html b/templates/html/section_ref.html
index 138883c..35e67b5 100644
--- a/templates/html/section_ref.html
+++ b/templates/html/section_ref.html
@@ -1 +1,2 @@
-<a class="sectionref enabledlink" data-ref="%(nr)d">%(nr)d</a>
\ No newline at end of file
+<a class="sectionref enabledlink" data-ref="%(nr)d"
+href="#section%(nr)d">%(nr)d</a>
\ No newline at end of file
diff --git a/templates/html/sections_begin.html b/templates/html/sections_begin.html
index 0f823bc..de4a45d 100644
--- a/templates/html/sections_begin.html
+++ b/templates/html/sections_begin.html
@@ -4,7 +4,7 @@
 <div class="startlink"
   onclick="gamebook.turnTo(1)">%(starttext)s</div>
 <script>
-    if (gamebook.hasSavedGame()) {
+    if (typeof gamebook !== 'undefined' && gamebook.hasSavedGame()) {
         var resumeLinks = document.getElementsByClassName('resumelink');
         Array.prototype.forEach.call(resumeLinks, function(e) {
             e.classList.remove('nodisplay');
diff --git a/todo.org b/todo.org
index 30c566b..6b36560 100644
--- a/todo.org
+++ b/todo.org
@@ -1,4 +1,4 @@
-* TODO [48/72] [66%]
+* TODO [49/72] [68%]
 - [X] Debug output
 - [X] DOT output
 - [X] LaTeX output
@@ -59,7 +59,7 @@
   display somewhere on page (in HTML output)
 - [X] Counters increase/decrease
 - [X] Counters check
-- [ ] Make sure HTML output works with javascript disabled
+- [X] Make sure HTML output works with javascript disabled
     and in inferior browsers
 - [ ] Trade (optionally drop something from collection to add something new).
 - [ ] Buy (optionally decrease a counter to add something to a collection)