mediawiki-skins-Citizen/resources/skins.citizen.scripts/skins.citizen.scripts.js
2020-06-16 23:16:45 -04:00

34 lines
785 B
JavaScript

/*
* Citizen - Search JS
* https://starcitizen.tools
*
* Focus on search input when checkbox is toggled
* Open the search box when the input is in focus
*/
var searchToggle = document.getElementById( 'search-toggle' ),
searchInput = document.getElementById( 'searchInput' );
/**
* Focus in search box when search toggle checkbox is checked.
* @constructor
*/
function searchInputFocus() {
if ( searchToggle.checked !== false ) {
searchInput.focus();
}
}
/**
* Check search toggle checkbox when search box is in focus.
* @constructor
*/
function searchToggleCheck() {
if ( searchToggle.checked === false ) {
searchToggle.checked = true;
}
}
searchToggle.addEventListener( 'click', searchInputFocus );
searchInput.addEventListener( 'focus', searchToggleCheck );