Use global variables instead of functions for DOM IDs
This commit is contained in:
parent
5dea1f1888
commit
524fdf0034
1 changed files with 11 additions and 16 deletions
|
@ -85,20 +85,15 @@ function getSearchElement() {
|
||||||
return document.getElementById("search");
|
return document.getElementById("search");
|
||||||
}
|
}
|
||||||
|
|
||||||
function getThemesElementId() {
|
var THEME_PICKER_ELEMENT_ID = "theme-picker";
|
||||||
return "theme-choices";
|
var THEMES_ELEMENT_ID = "theme-choices";
|
||||||
}
|
|
||||||
|
|
||||||
function getThemesElement() {
|
function getThemesElement() {
|
||||||
return document.getElementById(getThemesElementId());
|
return document.getElementById(THEMES_ELEMENT_ID);
|
||||||
}
|
|
||||||
|
|
||||||
function getThemePickerElementId() {
|
|
||||||
return "theme-picker";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function getThemePickerElement() {
|
function getThemePickerElement() {
|
||||||
return document.getElementById(getThemePickerElementId());
|
return document.getElementById(THEME_PICKER_ELEMENT_ID);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Returns the current URL without any query parameter or hash.
|
// Returns the current URL without any query parameter or hash.
|
||||||
|
@ -152,11 +147,11 @@ function hideThemeButtonState() {
|
||||||
var active = document.activeElement;
|
var active = document.activeElement;
|
||||||
var related = e.relatedTarget;
|
var related = e.relatedTarget;
|
||||||
|
|
||||||
if (active.id !== getThemePickerElementId() &&
|
if (active.id !== THEME_PICKER_ELEMENT_ID &&
|
||||||
(!active.parentNode || active.parentNode.id !== getThemesElementId()) &&
|
(!active.parentNode || active.parentNode.id !== THEMES_ELEMENT_ID) &&
|
||||||
(!related ||
|
(!related ||
|
||||||
(related.id !== getThemePickerElementId() &&
|
(related.id !== THEME_PICKER_ELEMENT_ID &&
|
||||||
(!related.parentNode || related.parentNode.id !== getThemesElementId())))) {
|
(!related.parentNode || related.parentNode.id !== THEMES_ELEMENT_ID)))) {
|
||||||
hideThemeButtonState();
|
hideThemeButtonState();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -534,7 +529,7 @@ function hideThemeButtonState() {
|
||||||
switch (getVirtualKey(ev)) {
|
switch (getVirtualKey(ev)) {
|
||||||
case "ArrowUp":
|
case "ArrowUp":
|
||||||
ev.preventDefault();
|
ev.preventDefault();
|
||||||
if (active.previousElementSibling && ev.target.id !== getThemePickerElementId()) {
|
if (active.previousElementSibling && ev.target.id !== THEME_PICKER_ELEMENT_ID) {
|
||||||
active.previousElementSibling.focus();
|
active.previousElementSibling.focus();
|
||||||
} else {
|
} else {
|
||||||
showThemeButtonState();
|
showThemeButtonState();
|
||||||
|
@ -543,7 +538,7 @@ function hideThemeButtonState() {
|
||||||
break;
|
break;
|
||||||
case "ArrowDown":
|
case "ArrowDown":
|
||||||
ev.preventDefault();
|
ev.preventDefault();
|
||||||
if (active.nextElementSibling && ev.target.id !== getThemePickerElementId()) {
|
if (active.nextElementSibling && ev.target.id !== THEME_PICKER_ELEMENT_ID) {
|
||||||
active.nextElementSibling.focus();
|
active.nextElementSibling.focus();
|
||||||
} else {
|
} else {
|
||||||
showThemeButtonState();
|
showThemeButtonState();
|
||||||
|
@ -553,7 +548,7 @@ function hideThemeButtonState() {
|
||||||
case "Enter":
|
case "Enter":
|
||||||
case "Return":
|
case "Return":
|
||||||
case "Space":
|
case "Space":
|
||||||
if (ev.target.id === getThemePickerElementId() && themes.style.display === "none") {
|
if (ev.target.id === THEME_PICKER_ELEMENT_ID && themes.style.display === "none") {
|
||||||
ev.preventDefault();
|
ev.preventDefault();
|
||||||
showThemeButtonState();
|
showThemeButtonState();
|
||||||
themes.firstElementChild.focus();
|
themes.firstElementChild.focus();
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue