Browse Source

Implemented Search LSK on train search page

master
Kenneth Bruen 2 years ago
parent
commit
49df00f879
Signed by: kbruen
GPG Key ID: C1980A470C3EE5B1
  1. 2
      train.html
  2. 17
      train.js

2
train.html

@ -24,7 +24,9 @@
</div> </div>
<footer> <footer>
<div class="lsk"></div>
<div class="csk">Search</div> <div class="csk">Search</div>
<div class="rsk"></div>
</footer> </footer>
</body> </body>
</html> </html>

17
train.js

@ -78,15 +78,21 @@ function rebuildSuggestions() {
}, 500) }, 500)
} }
function lsk() {
document.getElementById('trainNumber').focus()
}
window.addEventListener('load', function (e) { window.addEventListener('load', function (e) {
var trainNumber = document.getElementById('trainNumber') var trainNumber = document.getElementById('trainNumber')
trainNumber.addEventListener('input', function (e) { trainNumber.addEventListener('input', function (e) {
rebuildSuggestions() rebuildSuggestions()
}) })
trainNumber.addEventListener('focus', function (e) { trainNumber.addEventListener('focus', function (e) {
document.getElementsByClassName('lsk')[0].textContent = ''
document.getElementsByClassName('csk')[0].textContent = 'Search' document.getElementsByClassName('csk')[0].textContent = 'Search'
}) })
trainNumber.addEventListener('blur', function (e) { trainNumber.addEventListener('blur', function (e) {
document.getElementsByClassName('lsk')[0].textContent = 'Search'
document.getElementsByClassName('csk')[0].textContent = 'Select' document.getElementsByClassName('csk')[0].textContent = 'Select'
}) })
trainNumber.addEventListener('keypress', function (e) { trainNumber.addEventListener('keypress', function (e) {
@ -95,6 +101,17 @@ window.addEventListener('load', function (e) {
} }
}) })
document.querySelectorAll('.lsk').forEach(function (lskElem) {
lskElem.addEventListener('click', function (e) {
lsk()
})
})
document.body.addEventListener('keydown', function (e) {
if (e.key == 'SoftLeft') {
lsk()
}
})
fetch('https://scraper.infotren.dcdev.ro/v2/trains') fetch('https://scraper.infotren.dcdev.ro/v2/trains')
.then(function (response) { .then(function (response) {
return response.json() return response.json()

Loading…
Cancel
Save