LogalDeveloper/Minecraft-Overviewer
Archived
0
Fork 0
Code Activity

Made searchbox text gray if inactive

Browse Source
This commit is contained in:
Andrew Chin
2011-08-05 09:18:14 -04:00
parent f34bafdee0
commit f5399b78cc
2 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
overviewer_core/data/web_assets/overviewer.css
View File

@@ -114,6 +114,14 @@ body {
background-colour: #fff; background-colour: #fff;
} }
#searchControl>input.inactive {
color: #ccc;
}
#searchControl>input.active {
color: #000;
}
div#searchDropDown { div#searchDropDown {
border: 1px solid #000; border: 1px solid #000;
width: 17em; width: 17em;

27
overviewer_core/data/web_assets/overviewer.js
View File

@@ -817,22 +817,25 @@ var overviewer = {
var searchInput = document.createElement("input"); var searchInput = document.createElement("input");
searchInput.type = "text"; searchInput.type = "text";
searchInput.value = "Sign Search" searchInput.value = "Sign Search";
searchInput.title = "Sign Search" searchInput.title = "Sign Search";
$(searchInput).addClass("inactive");
/* Hey dawg, I heard you like functions. /* Hey dawg, I heard you like functions.
* So we defined a function inside your function. * So we defined a function inside your function.
*/ */
searchInput.onfocus = function() { searchInput.onfocus = function() {
if (searchInput.value == "Sign Search") { if (searchInput.value == "Sign Search") {
searchInput.value = ""; searchInput.value = "";
} $(searchInput).removeClass("inactive").addClass("active");
}; }
};
searchInput.onblur = function() { searchInput.onblur = function() {
if (searchInput.value == "") { if (searchInput.value == "") {
searchInput.value = "Sign Search"; searchInput.value = "Sign Search";
} $(searchInput).removeClass("active").addClass("inactive");
}; }
};
searchControl.appendChild(searchInput); searchControl.appendChild(searchInput);