Fix compatibility with PS3 and fix visual bugs

dst/QScript/Introduction.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -128,6 +147,7 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 <h1>QScript Intro</h1>
 
 <p>QScript is a multi-language scripting system designed with security and stability in mind.

dst/QScript/Lua/Classes.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -128,6 +147,7 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 <h1>Lua Classes</h1>
 
 <p>Let's start with an analogy. Imagine you want to make star-shaped cookies. You could of course, manually cut the baked cookie and then be left with a mess, or you could use a cookie cutter before baking it. In this analogy, the cookie is an object, the manual cutting method is using tables, and the cookie cutter is a class.</p>

dst/QScript/Lua/Exports.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -128,6 +147,7 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 <h1>Lua Exports</h1>
 
 <p>Here is the real meat and potatoes of QScript. The import/export system allows you to share objects, functions and classes between scripts and other languages! The system is stupidly simple to understand.</p>

dst/QScript/Lua/Imports.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -128,6 +147,7 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 <h1>Lua Imports</h1>
 
 <p>Now that you have exported some variables, something's gotta import them! As always, it is very simple to do.</p>

dst/QScript/Lua/Intro.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -128,6 +147,7 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 <h1>Lua Intro</h1>
 
 <p>The tutorial will assume that you already know the basics of Lua. If you do not know anything about it, then you can go to <a href="https://www.lua.org/pil/contents.html">the official PIL</a></p>

dst/QScript/Lua/Objects.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -128,6 +147,7 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 <h1>Lua Objects</h1>
 
 <p>Objects store a number of variables and functions which are defined in the class the object comes from. They kind of act like tables but are not modifiable. Meaning, if you wanted to make a new variable or function inside an object, you would get an error.</p>

dst/QScript/Tutorial/Chapter1.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -128,6 +147,7 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 <h1>QScript Tutorial Chapter 1</h1>
 
 <p>Currently, only a short documentation of Lua is available. </p>

dst/index.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -128,6 +147,7 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 <h1>Wiki Intro</h1>
 
 <p>Welcome to the SourceBox wiki!</p>

template.html

@@ -6,8 +6,23 @@
 
     function toggleTree(element)
     {
-        element.parentElement.querySelector(".nested").classList.toggle("active");
+        const nested = element.parentElement.querySelector(".nested");
-        element.classList.toggle("active");
+        if(nested.className.indexOf("active",0) != -1)
+        {
+            nested.className = "nested";
+        }
+        else
+        {
+            nested.className = "nested active";
+        }
+        if(element.className.indexOf("active",0) != -1)
+        {
+            element.className = ""
+        }
+        else
+        {
+            element.className = "active"
+        }
     }
 
     function updateSearch() {
@@ -65,10 +80,14 @@ li ::marker {
     display:none;
 }
 
+li {
+    list-style-type: none !important;
+}
+
 li b::before{
     content:'+';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -78,7 +97,7 @@ li b.active::before
 {
     content: '-';
     width:12px;
-    height:8px;
+    height:100%;
     display: inline-block;
     font-weight: 500;
 }
@@ -100,5 +119,6 @@ li b {
     </nav>
 </div>
 <div style="margin-left:200px;">
+<p id="errorp"></p>
 @CONTENT
 </div>