Implemented Search LSK on train search page
This commit is contained in:
parent
e50c604a80
commit
49df00f879
2 changed files with 19 additions and 0 deletions
|
@ -24,7 +24,9 @@
|
|||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="lsk"></div>
|
||||
<div class="csk">Search</div>
|
||||
<div class="rsk"></div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
17
train.js
17
train.js
|
@ -78,15 +78,21 @@ function rebuildSuggestions() {
|
|||
}, 500)
|
||||
}
|
||||
|
||||
function lsk() {
|
||||
document.getElementById('trainNumber').focus()
|
||||
}
|
||||
|
||||
window.addEventListener('load', function (e) {
|
||||
var trainNumber = document.getElementById('trainNumber')
|
||||
trainNumber.addEventListener('input', function (e) {
|
||||
rebuildSuggestions()
|
||||
})
|
||||
trainNumber.addEventListener('focus', function (e) {
|
||||
document.getElementsByClassName('lsk')[0].textContent = ''
|
||||
document.getElementsByClassName('csk')[0].textContent = 'Search'
|
||||
})
|
||||
trainNumber.addEventListener('blur', function (e) {
|
||||
document.getElementsByClassName('lsk')[0].textContent = 'Search'
|
||||
document.getElementsByClassName('csk')[0].textContent = 'Select'
|
||||
})
|
||||
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')
|
||||
.then(function (response) {
|
||||
return response.json()
|
||||
|
|
Loading…
Add table
Reference in a new issue