Merge pull request #14969 from mrdoob/docs

Docs: Added basic language navigation.

Author: mrdoob

docs/index.css

@@ -58,7 +58,7 @@ a {
 	width: 260px;
 	height: 100%;
 	overflow: auto;
-	padding-left: 20px;
+	padding: 0px 20px 0px 20px;
 	background: #fafafa;
 }
 
@@ -77,7 +77,6 @@ iframe {
 }
 
 .filterBlock {
-	margin-right: 20px;
 	position: relative;
 }
 

docs/index.html

@@ -22,6 +22,13 @@ <h1><a href="http://threejs.org">three.js</a> / docs</h1>
 				<input type="text" id="filterInput" placeholder="Type to filter" autocorrect="off" autocapitalize="off" spellcheck="false">
 				<a href="#" id="clearFilterButton">x</a>
 			</div>
+
+			<div style="text-align:center">
+				<br />
+				<a href="javascript:setLanguage('en')">en</a> |
+				<a href="javascript:setLanguage('zh')">zh</a>
+			</div>
+
 			<div id="content"></div>
 
 		</div>
@@ -44,6 +51,15 @@ <h1><a href="http://threejs.org">three.js</a> / docs</h1>
 
 			//
 
+			var language = 'en';
+
+			function setLanguage( value ) {
+
+				language = value;
+				createNavigation();
+
+			}
+
 			var panel = document.getElementById( 'panel' );
 			var content = document.getElementById( 'content' );
 			var clearFilterButton = document.getElementById( 'clearFilterButton' );
@@ -55,6 +71,8 @@ <h1><a href="http://threejs.org">three.js</a> / docs</h1>
 			var titles = {};
 			var categoryElements = [];
 
+			var navigation;
+
 
 			// Functionality for hamburger button (on small devices)
 
@@ -118,16 +136,24 @@ <h1><a href="http://threejs.org">three.js</a> / docs</h1>
 
 			function createNavigation() {
 
+				if ( navigation !== undefined ) {
+
+					content.removeChild( navigation );
+
+				}
+
 				// Create the navigation panel using data from list.js
 
-				var navigation = document.createElement( 'div' );
+				navigation = document.createElement( 'div' );
 				content.appendChild( navigation );
 
-				for ( var section in list ) {
+				var localList = list[ language ];
+
+				for ( var section in localList ) {
 
 					// Create sections
 
-					var categories = list[ section ];
+					var categories = localList[ section ];
 
 					var sectionHead = document.createElement( 'h2' );
 					sectionHead.textContent = section;
@@ -157,8 +183,6 @@ <h1><a href="http://threejs.org">three.js</a> / docs</h1>
 
 							// Localisation
 
-							pageURL = pageURL.replace( '{lan}', 'en' );
-
 							var listElement = document.createElement( 'li' );
 							categoryContent.appendChild( listElement );