правление кнопками вверх-вниз в саджесте
This commit is contained in:
parent
2793f74286
commit
f29883e0b9
|
|
@ -74,5 +74,6 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
|
|||
/*Leaflet FIX*/
|
||||
.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 > div:hover {background-color: #eee;}
|
||||
#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;}
|
||||
|
|
@ -30,7 +30,6 @@ function suggestInit(selector)
|
|||
|
||||
function suggestKeyPress(key)
|
||||
{
|
||||
console.log(key);
|
||||
switch (key) {
|
||||
case 27:
|
||||
//ESCAPE
|
||||
|
|
@ -38,15 +37,41 @@ function suggestKeyPress(key)
|
|||
break
|
||||
case 13:
|
||||
//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
|
||||
case 38:
|
||||
//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
|
||||
case 40:
|
||||
//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
|
||||
default :
|
||||
$('#suggestContainer').show();
|
||||
if($(suggestSelector).val()) {
|
||||
$('#suggestContainer').show();
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue