|
|
@ -2,13 +2,17 @@
|
|
|
|
* 버튼으로 조작가능한 셀렉트박스
|
|
|
|
* 버튼으로 조작가능한 셀렉트박스
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
function fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){
|
|
|
|
function fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(selectEl).on("animationend", function(){
|
|
|
|
|
|
|
|
$(selectEl).removeClass("highlight-once");
|
|
|
|
|
|
|
|
});
|
|
|
|
$(prevBtnEl).on("click", function(){
|
|
|
|
$(prevBtnEl).on("click", function(){
|
|
|
|
var selected = $(selectEl).find("option:selected");
|
|
|
|
var selected = $(selectEl).find("option:selected");
|
|
|
|
var prev = selected.prev();
|
|
|
|
var prev = selected.prev();
|
|
|
|
if(prev.length >= 1){
|
|
|
|
if(prev.length >= 1){
|
|
|
|
$(selectEl).val(prev.val());
|
|
|
|
$(selectEl).val(prev.val());
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$(selectEl).effect("highlight");
|
|
|
|
$(selectEl).addClass("highlight-once");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$(nextBtnEl).on("click", function(){
|
|
|
|
$(nextBtnEl).on("click", function(){
|
|
|
@ -17,7 +21,7 @@ function fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){
|
|
|
|
if(next.length >= 1){
|
|
|
|
if(next.length >= 1){
|
|
|
|
$(selectEl).val(next.val());
|
|
|
|
$(selectEl).val(next.val());
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$(selectEl).effect("highlight");
|
|
|
|
$(selectEl).addClass("highlight-once");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|