Docs: Difference between revisions

Help

Newer edit →

Retrieved from "https://wiki.ourworldoftext.com/wiki/Docs"

@@ Line 115: / Line 115: @@
 		colorShortcuts.appendChild(createColorButton(color));
 	}
+</syntaxhighlight>
+|-
+|enums
+|An unused object created to store position and write edits.
+|<syntaxhighlight lang="javascript">
+//Use enums.position as a template for creating an updatedPosition object
+const newCoord = [7, 5, 3, 1];
+const updatedPosition = { ...enums.position };
+for (const key in updatedPosition) {
+  if (updatedPosition.hasOwnProperty(key)) {
+    const positionIndex = updatedPosition[key];
+    updatedPosition[key] = newCoord[positionIndex];
+  }
+}
+</syntaxhighlight>
+|<syntaxhighlight lang="javascript" line="1" start="54">
+enums.edit = makeEnum(["tileY", "tileX", "charY", "charX", "time", "char", "id", "color"]);
+enums.position = makeEnum(["tileX", "tileY", "charX", "charY"]);
+</syntaxhighlight>
+|-
+|ws_path
+|Stores the pages' websocket path.
+|<syntaxhighlight lang="javascript">
+//Change the socket, refreshing the client ID
+w.changeSocket(ws_path, true);
+</syntaxhighlight>
+|<syntaxhighlight lang="javascript" line="1" start="57">
+var ws_path = createWsPath();
+</syntaxhighlight>
+|-
+|menu,
+w.menu,
+Menu
+|An object containing all of the DOM elements and functions of the menu.
+|<syntaxhighlight lang="javascript">
+//Adds a button to the menu that alerts "Hello World" when clicked.
+menu.addOption("alert", function(){alert("Hello World")});
+</syntaxhighlight>
+|<syntaxhighlight lang="javascript" line="1" start="4490">
+	menu = new Menu(elm.menu_elm, elm.nav_elm);
+	w.menu = menu;
+</syntaxhighlight>
+|-
+|menuStyle
+|A temporary style element created and used to style the menu.
+|<syntaxhighlight lang="javascript">
+//Generate a random set of colors for the menu each time the menu is hovered over.
+elm.menu_elm.addEventListener("mouseover", function() {
+  if (menuStyle) {
+    document.head.removeChild(menuStyle)
+  }
+ function makeRandom (){
+     return Math.floor(Math.random() * 16777215).toString(16).toUpperCase();
+ }
+  menuStyle = document.createElement("style");
+  const randomColor = makeRandom();
+  const randomColorBG = makeRandom();
+  const randomColorBorder = makeRandom();
+  menuStyle.innerHTML = `
+#menu.hover,#nav {background: #${randomColorBG};border-color: #${randomColorBorder};color: #${randomColor};}
+ #nav li {border-top-color: #${randomColorBorder};}
+ #nav li.hover {background-color: #${randomColorBG};}
+ #coords {background-color: #${randomColorBG};color: #${randomColor};}`
+  document.head.appendChild(menuStyle);
+})
+</syntaxhighlight>
+|<syntaxhighlight lang="javascript" line="1" start="1529">
+	menuStyle.innerHTML = "#menu.hover, #nav {" +
+			"background: " + color + ";" +
+			"border-color: " + bColor + ";" +
+			"color: " + tColor + ";" +
+		"}\n" +
+		"#nav li {" +
+			"border-top-color: " + bColor + ";" +
+		"}\n" +
+		"#nav li.hover {" +
+			"background-color: " + hColor + ";" +
+		"}\n" +
+		"#coords {" +
+			"background-color: " + bColor + ";" +
+			"color: " + tColor + ";" +
+		"}";
+}
 </syntaxhighlight>
 |}