|
@@ -69,7 +69,7 @@ layout: default
|
|
|
padding: 5px;
|
|
|
font-size: 1.2em;
|
|
|
}
|
|
|
-#displayModeToggle {
|
|
|
+#toggleDisplayMode {
|
|
|
clear: both;
|
|
|
border: 1px solid gray;
|
|
|
color: gray;
|
|
@@ -139,20 +139,23 @@ layout: default
|
|
|
}
|
|
|
|
|
|
var displayMode = false;
|
|
|
- function displayModeToggle() {
|
|
|
+ function toggleDisplayMode() {
|
|
|
if (displayMode == false) {
|
|
|
+ editMode = true;
|
|
|
+ toggleEditMode(); // turns off editMode
|
|
|
classDisplayAll("site-header","none");
|
|
|
classDisplayAll("post-header","none");
|
|
|
classDisplayAll("explanatory","none");
|
|
|
classDisplayAll("site-footer","none");
|
|
|
- document.getElementById("displayModeToggle").innerHTML = "Edit";
|
|
|
+ document.getElementById("toggleDisplayMode").innerHTML = "Edit";
|
|
|
displayMode = true;
|
|
|
} else {
|
|
|
+ toggleEditMode() // turns on editMode
|
|
|
classDisplayAll("site-header","block");
|
|
|
classDisplayAll("post-header","block");
|
|
|
classDisplayAll("explanatory","block");
|
|
|
classDisplayAll("site-footer","block");
|
|
|
- document.getElementById("displayModeToggle").innerHTML = "Display";
|
|
|
+ document.getElementById("toggleDisplayMode").innerHTML = "Display";
|
|
|
displayMode = false;
|
|
|
}
|
|
|
}
|
|
@@ -290,6 +293,6 @@ layout: default
|
|
|
|
|
|
<p class="explanatory">When you're finished, use the button below and print, copy/paste, or save your Rule to where your community can keep track of it and edit it in the future.</p>
|
|
|
|
|
|
- <button id="displayModeToggle" onclick="displayModeToggle()">Display</button>
|
|
|
+ <button id="toggleDisplayMode" onclick="toggleDisplayMode()">Display</button>
|
|
|
|
|
|
</article>
|