");
_pos = _input.position();
_container.css('position', 'absolute')
.css('top', _pos.top + _input.outerHeight()+'px')
.css('left', parseInt(_pos.left-1) +'px')
.css('overflow','auto')
.css('overflow-x','hidden')
.css('font-size', '11px')
.css('line-height', '16px')
.css('text-indent', '6px')
.css('padding-top', '2px')
.css('min-height', '30px')
.css('width', 'auto')
.css('min-width', (parseInt(_input.outerWidth())+14)+'px')
.css('max-width', '300px')
.css('z-index', 10);
if( 'crawl' == 'ios' ) {
_container.css('max-height', (screen.height-200) +'px').css('height', 'auto');
}else {
_container.css('max-height', '250px');
}
_selected_id = _input.children(':selected').val();
_highlight = false;
_input.children().each(function(_i){
_pa = parseInt($(this).attr('pa'));
// Check admin
if( _pa != 11 && $.cookie('user_id') == null ) {
$(this).remove();
return;
}
_val = $(this).val();
_name = $(this).html();
_div = $("
"+_name+"
");
// Check color of block
if( _pa != 11 ) {
_div.css('color', model_color_deactive_fg);
if( _pa == 1 )
_div.css('background-color', model_color_unpublished_bg);
else
_div.css('background-color', model_color_unapproved_bg);
}
if (_val == _selected_id && !_highlight) {
_highlight = true;
}
_container.append(_div);
});
_container.css('border-bottom', '1px solid black')
.css('border-right', '1px solid black')
.css('border-left', '2px solid gray')
.css('border-top', '1px solid gray')
.css('border-bottom-left-radius', '2px')
.css('border-bottom-right-radius', '4px');
_input.parent('span').append(_container);
return;
}
$(function(){
// มันไม่ load ตอนเปิดหน้าใหม่ เลยต้องใส่บรรทัดนี้
// มันควรจะ load ตอนเรียก $('#brand').change()
s3028ListOption();
$('#phonetype').change(function(){
s3028ListOption();
});
$('#phonetype').click(function(){
_first_load = false;
});
// brand change
if ('brand') {
$('#brand').change(function() {
s3028ListOption();
});
$('#brand').click(function() {
_first_load = false;
});
} else if (!1) { // no parent + no cofilters
s3028ListOption();
}
$('#model').click(function(e){
_first_load = false;
});
// self change
$('#model').change(function(){
// disable other select(s) if leaf-model is selected
selected = $(this).children('option:selected');
leaf = parseInt(selected.attr('leaf'));
if (leaf && selected.attr('value') > 0) {
$(this).closest('form').find('select').each(function(index){
tobj = $(this);
if (tobj.attr('id') == 'brand') {
tobj.css('background-color', model_color_active_bg).css('color', model_color_active_fg);
} else {
if (tobj.attr('id') == 'model') {
tobj.css('background-color', model_color_active_bg).css('color', model_color_active_fg);
} else {
// set other select(s) to 1st value
v_1st = tobj.children('option:first').attr('value');
tobj.val(v_1st);
tobj.css('background-color','#666666').attr('disabled', true);
}
}
});
} else {
//เอาออกก่อนมันทำให้ตัวอื่นไม่ Work -MaN
$(this).parents('form').find('select').attr('disabled', false).css('background-color', '#ffffff');
val = selected.attr('value');
//if (val > 0 || val == -1) {
if (1==selected.attr('reload') && selected.attr('value') > 0 ) {
s3028ListOption();
}
}
return;
});
// spec click
$('#model').click(function(e){
e.preventDefault();
_id = 'optioncontainer3028';
$('#'+_id).hide();
});
_id = 'optioncontainer3028';
objs1 = $('#'+_id+' a.option');
if (!objs1.length) {
objs1 = $('#'+_id+' div.option');
}
objs1.live('click', function() {
input = $('#model');
val_old = input.val();
val_new = $(this).attr('option_val');
str_old = input.children(':selected').html();
str_new = $(this).html();
input.val(val_new);
selected = input.children('option:selected');
if (val_new != val_old ) { // different val|string
if ('1'==selected.attr('reload')) {
$('#model').trigger('change');
}
}
$(this).parent().hide('slow', function(e) {
$(this).hide('fast');
$(this).remove();
});
});
// Mouse action
// มันโดนเรียก 2 ครั้ง แบบแปลกๆ
// พวก _old_bg เลยไม่เวิร์ค --> fix โดยใช้ค่า model_color_active_bg
objs1.live('mouseover', function(e){
//_old_bg = $(this).css('background-color');
//_old_fg = $(this).css('color');
$(this).css('background-color', color_hover_bg).css('color', color_hover_fg).css('display', 'block');
}).live('mouseout', function(e) {
$(this).css('background-color', model_color_active_bg).css('color', model_color_active_fg);
});
// Click anywhere hide
$('body').click(function(e){
_id = 'optioncontainer3028';
_fs_ele = $('#'+_id);
if( 'undefined' != _fs_ele ) _fs_ele.hide();
});
// Change color back
$('#model').css('color', '#413f40');
});
9
