All4DK
/
wikipoints
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

правление кнопками вверх-вниз в саджесте

This commit is contained in:
Krivchikov Dmitry 2014-11-02 20:52:04 +03:00
parent 2793f74286
commit f29883e0b9
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/css/style.css
View File

@ -74,5 +74,6 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
/*Leaflet FIX*/ /*Leaflet FIX*/
.leaflet-popup-content-wrapper .leaflet-popup-scrolled {border-bottom: none;border-top: none;} .leaflet-popup-content-wrapper .leaflet-popup-scrolled {border-bottom: none;border-top: none;}
#suggestContainer {position: absolute;top: 40px;background-color: #fff;padding-bottom: 8px; border-bottom: 1px solid #333; width: 219px; display: none;max-height: 345px;overflow-y: scroll;} #suggestContainer {position: absolute;top: 40px;background-color: #fff;padding-bottom: 8px; border-bottom: 1px solid #333; width: 100%; display: none;}
#suggestContainer > div:hover {background-color: #eee;} #suggestContainer > div:hover {background-color: #eee;}
#suggestContainer > div.hover {background-color: #eee;}

29
public/js/suggest.js
View File

@ -30,7 +30,6 @@ function suggestInit(selector)
function suggestKeyPress(key) function suggestKeyPress(key)
{ {
console.log(key);
switch (key) { switch (key) {
case 27: case 27:
//ESCAPE //ESCAPE
@ -38,15 +37,41 @@ function suggestKeyPress(key)
break break
case 13: case 13:
//ENTER //ENTER
if ( $('div.hover','#suggestContainer').length > 0 ) {
link = $('a', $('div.hover','#suggestContainer')).attr('href');
} else {
link = $('a', $('div','#suggestContainer').first()).attr('href');
}
window.location.href = link;
break break
case 38: case 38:
//UP //UP
if ( $('div.hover','#suggestContainer').length > 0 ) {
if ($('div.hover','#suggestContainer').prev()) {
$('div.hover','#suggestContainer').removeClass('hover').prev().addClass('hover');
} else {
$('div','#suggestContainer').removeClass('hover').last().addClass('hover');
}
} else {
$('div','#suggestContainer').last().addClass('hover');
}
break break
case 40: case 40:
//DOWN //DOWN
if ( $('div.hover','#suggestContainer').length > 0 ) {
if ($('div.hover','#suggestContainer').next()) {
$('div.hover','#suggestContainer').removeClass('hover').next().addClass('hover');
} else {
$('div','#suggestContainer').removeClass('hover').first().addClass('hover');
}
} else {
$('div','#suggestContainer').first().addClass('hover');
}
break break
default : default :
$('#suggestContainer').show(); if($(suggestSelector).val()) {
$('#suggestContainer').show();
}
} }
} }