Added placeholder text to location search input; clear input after se…

…arch
povdocs · Dec 17, 2014 · 08b7327 · 08b7327
1 parent 481f8a2
commit 08b7327
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -154,7 +154,7 @@
 			<button id="fs">FS</button>
 			<button id="vr" disabled>VR</button>
 			<span>
-				<input id="location" type="text"/>
+				<input id="location" type="text" placeholder="Search for a location"/>
 				<button id="search">Go</button>
 			</span>
 		</div>

diff --git a/js/main.js b/js/main.js
@@ -69,6 +69,7 @@
 		infobutton = document.getElementById('infobutton'),
 		info = document.getElementById('info'),
 		searchbutton = document.getElementById('search'),
+		locationInput = document.getElementById('location'),
 
 		locationCache = {},
 
@@ -340,6 +341,10 @@
 				locationName.appendChild(document.createTextNode(loc.display_name));
 			}
 
+			if (locationInput !== document.activeElement) {
+				locationInput.value = '';
+			}
+
 			//todo: update query param in URL
 		}
 
@@ -469,8 +474,6 @@
 	}
 
 	function init() {
-		var locationInput = document.getElementById('location');
-
 		parseQuery();
 		initVizi();
 		initScene();