/*
|
---
|
name: Chosen
|
|
description: Creates a Picker, which can be used for anything
|
|
authors:
|
- Patrick Filler
|
- Jules Janssen
|
- Jonnathan Soares
|
|
requires:
|
- Core/*
|
- More/Element.Measure
|
- More/Locale
|
- More/Binds
|
|
license: MIT-style license
|
|
provides: Chosen
|
...
|
*/
|
Elements.implement({
|
chosen: function(options){
|
return this.each(function(el){
|
if (!el.hasClass("chzn-done")) {
|
return new Chosen(el, options);
|
}
|
});
|
}
|
});
|
|
var Chosen = new Class({
|
|
Implements: Options,
|
|
Binds: ['test_active_click', 'container_mousedown', 'container_mouseup',
|
'mouse_enter', 'mouse_leave','search_results_mouseup',
|
'search_results_mouseover', 'search_results_mouseout',
|
'input_blur','keyup_checker', 'keydown_checker',
|
'choices_click','input_focus', 'activate_field',
|
'results_update_field'],
|
|
options: {
|
allow_single_deselect: false,
|
disable_search_threshold: 0
|
},
|
|
active_field: false,
|
mouse_on_container: false,
|
results_showing: false,
|
result_highlighted: null,
|
result_single_selected: null,
|
choices: 0,
|
|
initialize: function(elmn, options){
|
this.setOptions(options);
|
this.form_field = elmn;
|
this.is_multiple = this.form_field.multiple;
|
this.is_rtl = this.form_field.hasClass('chzn-rtl');
|
this.set_up_html();
|
this.register_observers();
|
this.form_field.addClass('chzn-done')
|
},
|
|
set_up_html: function(){
|
if (!this.form_field.get('id')) this.form_field.set('id', String.uniqueID());
|
this.container_id = this.form_field.id.replace(/(:|\.)/g, '_') + "_chzn";
|
this.f_width = this.form_field.measure(function() {
|
return this.getSize().x;
|
});
|
|
this.default_text = this.form_field.get('data-placeholder') ? this.form_field.get('data-placeholder') : Locale.get('Chosen.placeholder', this.form_field.multiple);
|
|
this.container = new Element('div', {
|
'id': this.container_id,
|
'class': 'chzn-container'+ (this.is_rtl ? ' chzn-rtl' : '') + " chzn-container-" + (this.is_multiple ? "multi" : "single"),
|
'styles': {
|
'width': this.f_width
|
}
|
});
|
|
if (this.is_multiple){
|
this.container.set('html', '<ul class="chzn-choices"><li class="search-field"><input type="text" value="' + this.default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>');
|
} else {
|
this.container.set('html', '<a href="javascript:void(0)" class="chzn-single"><span>' + this.default_text + '</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>');
|
}
|
|
this.form_field.setStyle('display', 'none').grab(this.container, 'after');
|
this.dropdown = this.container.getElement('div.chzn-drop');
|
|
var dd_top = this.container.getCoordinates().height;
|
var dd_width = this.f_width - this.dropdown.get_side_border_padding();
|
this.dropdown.setStyles({
|
'width': dd_width,
|
'top': dd_top
|
});
|
|
this.search_field = this.container.getElement('input');
|
this.search_results = this.container.getElement('ul.chzn-results');
|
this.search_field_scale();
|
this.search_no_results = this.container.getElement('li.no-results');
|
|
if (this.is_multiple){
|
this.search_choices = this.container.getElement('ul.chzn-choices');
|
this.search_container = this.container.getElement('li.search-field');
|
} else {
|
this.search_container = this.container.getElement('div.chzn-search');
|
this.selected_item = this.container.getElement('.chzn-single');
|
|
var sf_width = dd_width - this.search_container.get_side_border_padding() - this.search_field.get_side_border_padding();
|
this.search_field.setStyle('width', sf_width);
|
}
|
|
this.results_build();
|
this.set_tab_index();
|
this.form_field.fireEvent('liszt:ready', this);
|
},
|
|
register_observers: function(){
|
this.container.addEvents({
|
mousedown: this.container_mousedown,
|
mouseup: this.container_mouseup,
|
mouseenter: this.mouse_enter,
|
mouseleave: this.mouse_leave
|
});
|
|
this.search_results.addEvents({
|
mouseup: this.search_results_mouseup,
|
mouseover: this.search_results_mouseover,
|
mouseout: this.search_results_mouseout
|
});
|
|
this.form_field.addEvent("liszt:updated", this.results_update_field);
|
|
this.search_field.addEvents({
|
blur: this.input_blur,
|
keyup: this.keyup_checker,
|
keydown: this.keydown_checker
|
});
|
|
if (this.is_multiple){
|
this.search_choices.addEvent("click", this.choices_click);
|
this.search_field.addEvent("focus", this.input_focus);
|
} else {
|
this.selected_item.addEvent("focus", this.activate_field);
|
}
|
},
|
|
unregister_observers: function(){
|
this.container.removeEvents({
|
mousedown: this.container_mousedown,
|
mouseup: this.container_mouseup,
|
mouseenter: this.mouse_enter,
|
mouseleave: this.mouse_leave
|
});
|
|
this.search_results.removeEvents({
|
mouseup: this.search_results_mouseup,
|
mouseover: this.search_results_mouseover,
|
mouseout: this.search_results_mouseout
|
});
|
|
this.form_field.removeEvent("liszt:updated", this.results_update_field);
|
|
this.search_field.removeEvents({
|
blur: this.input_blur,
|
keyup: this.keyup_checker,
|
keydown: this.keydown_checker
|
});
|
|
if (this.is_multiple){
|
this.search_choices.removeEvent("click", this.choices_click);
|
this.search_field.removeEvent("focus", this.input_focus);
|
} else {
|
this.selected_item.removeEvent("focus", this.activate_field);
|
}
|
document.removeEvent('click', this.test_active_click);
|
},
|
|
search_field_disabled: function() {
|
this.is_disabled = this.form_field.get('disabled');
|
if (this.is_disabled) {
|
this.container.addClass('chzn-disabled');
|
this.search_field.set('disabled', true);
|
if (!this.is_multiple) {
|
this.selected_item.removeEvent("focus", this.activate_field);
|
}
|
this.close_field();
|
} else {
|
this.container.removeClass('chzn-disabled');
|
this.search_field.set('disabled', false);
|
if (!this.is_multiple) {
|
this.selected_item.addEvent("focus", this.activate_field);
|
}
|
}
|
},
|
|
container_mousedown: function(evt){
|
if (!this.is_disabled) {
|
var target_closelink = evt != null ? evt.target.hasClass("search-choice-close") : false;
|
if (evt && evt.type === "mousedown"){
|
evt.stopPropagation();
|
}
|
|
if (!this.pending_destroy_click && !target_closelink){
|
if (!this.active_field){
|
if (this.is_multiple){
|
this.search_field.set('value', '');
|
}
|
document.addEvent('click', this.test_active_click);
|
this.results_show();
|
} else if (!this.is_multiple && evt && (evt.target === this.selected_item || evt.target.getParents('a.chzn-single').length)){
|
evt.preventDefault();
|
this.results_toggle();
|
}
|
this.activate_field();
|
} else {
|
this.pending_destroy_click = false;
|
}
|
}
|
|
},
|
|
container_mouseup: function(evt) {
|
if (evt.target.get('tag').toUpperCase() === "ABBR") {
|
return this.results_reset(evt);
|
}
|
},
|
|
mouse_enter: function(){
|
this.mouse_on_container = true;
|
},
|
|
mouse_leave: function(){
|
this.mouse_on_container = false;
|
},
|
|
input_focus: function(evt){
|
if (!this.active_field){
|
setTimeout(this.container_mousedown, 50);
|
}
|
},
|
|
input_blur: function(evt){
|
if (!this.mouse_on_container){
|
this.active_field = false;
|
setTimeout(this.blur_test.bind(this), 100);
|
}
|
},
|
|
blur_test: function(evt){
|
if (!this.active_field && this.container.hasClass('chzn-container-active')){
|
this.close_field();
|
}
|
},
|
|
close_field: function(){
|
document.removeEvent('click', this.test_active_click);
|
|
if (!this.is_multiple){
|
this.selected_item.set('tabindex', this.search_field.get('tabindex'));
|
this.search_field.set('tabindex', -1);
|
}
|
|
this.active_field = false;
|
this.results_hide();
|
this.container.removeClass("chzn-container-active");
|
this.winnow_results_clear();
|
this.clear_backstroke();
|
this.show_search_field_default();
|
|
this.search_field_scale();
|
},
|
|
activate_field: function(){
|
if (!this.is_multiple && !this.active_field){
|
this.search_field.set('tabindex', this.selected_item.get('tabindex'));
|
this.selected_item.set('tabindex', -1);
|
}
|
this.container.addClass('chzn-container-active');
|
this.active_field = true;
|
this.search_field.set('value', this.search_field.get('value'));
|
|
this.search_field.focus();
|
},
|
|
test_active_click: function(evt){
|
if (evt.target.getParents('#' + this.container_id).length){
|
this.active_field = true;
|
} else {
|
this.close_field();
|
}
|
},
|
|
results_build: function(){
|
this.parsing = true;
|
this.results_data = this.form_field.select_to_array();
|
|
if (this.is_multiple && this.choices > 0){
|
this.search_choices.getElements("li.search-choice").destroy();
|
this.choices = 0;
|
} else if (!this.is_multiple){
|
this.selected_item.getElements("span").set('text', this.default_text);
|
if (this.form_field.options.length <= this.options.disable_search_threshold) {
|
this.container.addClass("chzn-container-single-nosearch");
|
} else {
|
this.container.removeClass("chzn-container-single-nosearch");
|
}
|
}
|
|
var content = '';
|
this.results_data.each(function(data){
|
if (data.group){
|
content += this.result_add_group(data);
|
} else if (!data.empty){
|
content += this.result_add_option(data);
|
if (data.selected && this.is_multiple){
|
this.choice_build(data);
|
} else if (data.selected && !this.is_multiple){
|
this.selected_item.getElements("span").set('text', data.text);
|
if (this.options.allow_single_deselect) {
|
this.single_deselect_control_build();
|
}
|
}
|
}
|
}, this);
|
|
this.search_field_disabled();
|
this.show_search_field_default();
|
this.search_field_scale();
|
this.search_results.set('html', content);
|
|
this.parsing = false;
|
},
|
|
result_add_group: function(group){
|
if (!group.disabled){
|
group.dom_id = this.container_id + "_g_" + group.array_index;
|
return '<li id="' + group.dom_id + '" class="group-result"><div>'+ group.label + '</div></li>';
|
} else {
|
return '';
|
}
|
},
|
|
result_add_option: function(option){
|
if (!option.disabled){
|
option.dom_id = this.container_id + "_o_" + option.array_index;
|
var classes = option.selected && this.is_multiple ? [] : ["active-result"];
|
|
if (option.selected){
|
classes.push('result-selected');
|
}
|
|
if (option.group_array_index != null){
|
classes.push("group-option");
|
}
|
|
if (option.classes !== "") {
|
classes.push(option.classes);
|
}
|
|
var style = option.style.cssText !== '' ? ' style="' + option.style + '"' : '';
|
return '<li id="' + option.dom_id + '" class="' + classes.join(' ') + '"' + style + '>'+ option.html + '</li>';
|
} else {
|
return '';
|
}
|
},
|
|
results_update_field: function(){
|
this.result_clear_highlight();
|
this.result_single_selected = null;
|
this.results_build();
|
},
|
|
result_do_highlight: function(el){
|
if (el){
|
this.result_clear_highlight();
|
this.result_highlight = el;
|
this.result_highlight.addClass("highlighted");
|
var maxHeight = parseInt(this.search_results.getStyle("maxHeight"), 10);
|
|
var visible_top = this.search_results.getScroll().y,
|
visible_bottom = maxHeight + visible_top,
|
high_top = this.result_highlight.getPosition(this.search_results).y + this.search_results.getScroll().y,
|
high_bottom = high_top + this.result_highlight.getCoordinates().height;
|
if (high_bottom >= visible_bottom){
|
this.search_results.scrollTo(0, (high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0);
|
} else if (high_top < visible_top){
|
this.search_results.scrollTo(0, high_top);
|
}
|
}
|
},
|
|
result_clear_highlight: function(){
|
if (this.result_highlight){
|
this.result_highlight.removeClass("highlighted");
|
}
|
this.result_highlight = null;
|
},
|
|
results_toggle: function(){
|
if (this.results_showing) {
|
this.results_hide();
|
} else {
|
this.results_show();
|
}
|
},
|
|
results_show: function(){
|
if (!this.is_multiple){
|
this.selected_item.addClass("chzn-single-with-drop");
|
if (this.result_single_selected){
|
this.result_do_highlight(this.result_single_selected);
|
}
|
}
|
|
var dd_top = this.is_multiple ? this.container.getCoordinates().height : this.container.getCoordinates().height - 1;
|
|
this.dropdown.setStyles({
|
"top": dd_top,
|
"left": 0
|
});
|
|
this.results_showing = true;
|
this.search_field.focus();
|
this.search_field.set('value', this.search_field.get('value'));
|
this.winnow_results();
|
},
|
|
results_hide: function(){
|
if (!this.is_multiple){
|
this.selected_item.removeClass("chzn-single-with-drop");
|
}
|
|
this.result_clear_highlight();
|
this.dropdown.setStyle('left', -9000);
|
this.results_showing = false;
|
},
|
|
set_tab_index: function(el){
|
if (this.form_field.get('tabindex')){
|
var ti = this.form_field.get('tabindex');
|
this.form_field.set('tabindex', -1);
|
|
if (this.is_multiple){
|
this.search_field.set('tabindex', ti);
|
} else {
|
this.selected_item.set('tabindex', ti);
|
this.search_field.set('tabindex', -1);
|
}
|
}
|
|
},
|
|
show_search_field_default: function(){
|
if (this.is_multiple && this.choices < 1 && !this.active_field){
|
this.search_field.set('value', this.default_text);
|
this.search_field.addClass("default");
|
} else {
|
this.search_field.set('value', "");
|
this.search_field.removeClass("default");
|
}
|
},
|
|
search_results_mouseup: function(evt){
|
var target = evt.target.hasClass("active-result") ? evt.target : evt.target.getParent(".active-result");
|
|
if (target){
|
this.result_highlight = target;
|
this.result_select(evt);
|
}
|
},
|
|
search_results_mouseover: function(evt){
|
var target = evt.target.hasClass("active-result") ? evt.target : evt.target.getParent(".active-result");
|
|
if (target){
|
this.result_do_highlight(target);
|
}
|
},
|
|
search_results_mouseout: function(evt){
|
if (evt.target.hasClass("active-result") || evt.target.getParent('.active-result')){
|
this.result_clear_highlight();
|
}
|
},
|
|
choices_click: function(evt){
|
evt.preventDefault();
|
if (this.active_field && !(evt.target.hasClass("search-choice") || evt.target.getParent('.search-choice')) && !this.results_showing){
|
this.results_show();
|
}
|
},
|
|
choice_build: function(item){
|
var choice_id = this.container_id + "_c_" + item.array_index;
|
this.choices += 1;
|
|
var el = new Element('li', {'id': choice_id})
|
.addClass('search-choice')
|
.set('html', '<span>' + item.html + '</span><a href="#" class="search-choice-close" rel="' + item.array_index + '"></a>');
|
|
this.search_container.grab(el, 'before');
|
|
el.getElement("a")
|
.addEvent('click', this.choice_destroy_link_click.bind(this));
|
},
|
|
choice_destroy_link_click: function(evt){
|
evt.preventDefault();
|
|
if (!this.is_disabled) {
|
this.pending_destroy_click = true;
|
this.choice_destroy(evt.target);
|
} else {
|
evt.stop();
|
}
|
},
|
|
choice_destroy: function(link){
|
this.choices -= 1;
|
this.show_search_field_default();
|
if (this.is_multiple && this.choices > 0 && this.search_field.value.length < 1){
|
this.results_hide();
|
}
|
this.result_deselect(link.get("rel"));
|
link.getParent('li').destroy();
|
},
|
|
results_reset: function(evt) {
|
this.form_field.options[0].selected = true;
|
this.selected_item.getElement("span").set('text', this.default_text);
|
this.show_search_field_default();
|
evt.target.destroy();
|
this.form_field.fireEvent("change");
|
if (this.active_field) {
|
this.results_hide();
|
}
|
},
|
|
result_select: function(evt){
|
if (this.result_highlight){
|
var high = this.result_highlight,
|
high_id = high.id;
|
this.result_clear_highlight();
|
|
if (this.is_multiple){
|
this.result_deactivate(high);
|
} else {
|
var selected = this.search_results.getElement(".result-selected");
|
if (selected) selected.removeClass("result-selected");
|
this.result_single_selected = high;
|
}
|
high.addClass("result-selected");
|
var position = high_id.substr(high_id.lastIndexOf("_") + 1),
|
item = this.results_data[position];
|
item.selected = true;
|
this.form_field.options[item.options_index].selected = true;
|
|
if (this.is_multiple){
|
this.choice_build(item);
|
} else {
|
this.selected_item.getElement("span").set('text', item.text);
|
if (this.options.allow_single_deselect) {
|
this.single_deselect_control_build();
|
}
|
}
|
|
if (!this.is_multiple || !evt.control) this.results_hide();
|
this.search_field.set('value', "");
|
this.form_field.fireEvent("change");
|
|
this.search_field_scale();
|
}
|
},
|
|
result_activate: function(el){
|
el.addClass("active-result");
|
},
|
|
result_deactivate: function(el){
|
el.removeClass("active-result")
|
},
|
|
result_deselect: function(pos){
|
var result_data = this.results_data[pos];
|
result_data.selected = false;
|
this.form_field.options[result_data.options_index].selected = false;
|
var result = document.id( this.container_id + "_o_" + pos);
|
result.removeClass("result-selected").addClass("active-result").setStyle('display', 'block');
|
this.result_clear_highlight();
|
this.winnow_results();
|
|
this.form_field.fireEvent("change");
|
this.search_field_scale();
|
},
|
|
single_deselect_control_build: function() {
|
if (this.options.allow_single_deselect && this.selected_item.getElements("abbr").length < 1) {
|
return this.selected_item.getElement("span").grab(new Element('abbr', {'class': 'search-choice-close'}), 'before');
|
}
|
},
|
|
results_search: function(evt){
|
if (this.results_showing){
|
this.winnow_results();
|
} else {
|
this.results_show();
|
}
|
},
|
|
winnow_results: function(){
|
this.no_results_clear();
|
|
var results = 0,
|
searchText = this.search_field.get('value') === this.default_text ? "" : new Element('div', {text: this.search_field.get('value').trim()}).get('html'),
|
regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i'),
|
zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
|
|
this.results_data.each(function(option){
|
|
if (!option.disabled && !option.empty){
|
if (option.group){
|
document.id(option.dom_id).setStyle('display', 'none');
|
} else if (!(this.is_multiple && option.selected)){
|
var found = false,
|
result_id = option.dom_id,
|
result = $(result_id);
|
if (regex.test(option.html)){
|
found = true;
|
results += 1;
|
} else if (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0){
|
var parts = option.html.replace(/\[|\]/g, "").split(" ");
|
|
if (parts.length){
|
parts.each(function(part){
|
if (regex.test(part)){
|
found = true;
|
results += 1;
|
}
|
});
|
}
|
|
}
|
|
if (found){
|
var text;
|
if (searchText.length){
|
var startpos = option.html.search(zregex);
|
text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length);
|
text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
|
} else {
|
text = option.html;
|
}
|
|
result.set('html', text);
|
this.result_activate(result);
|
|
if (option.group_array_index != null){
|
document.id(this.results_data[option.group_array_index].dom_id).setStyle('display', 'list-item');
|
}
|
|
} else {
|
if (this.result_highlight && result_id === this.result_highlight.id){
|
this.result_clear_highlight();
|
}
|
|
this.result_deactivate(result);
|
}
|
}
|
}
|
}, this);
|
|
if (results < 1 && searchText.length){
|
this.no_results(searchText);
|
} else {
|
this.winnow_results_set_highlight();
|
}
|
},
|
|
winnow_results_clear: function(){
|
this.search_field.set('value', '');
|
this.search_results.getElements("li").each(function(li){
|
li.hasClass("group-result") ? li.setStyle('display', 'block') : !this.is_multiple || !li.hasClass("result-selected") ? this.result_activate(li) : void 0;
|
}, this);
|
},
|
|
winnow_results_set_highlight: function(){
|
if (!this.result_highlight){
|
var selected_results = !this.is_multiple ? this.search_results.getElements(".result-selected") : [];
|
var do_high = selected_results.length ? selected_results[0] : this.search_results.getElement(".active-result");
|
if (do_high != null) {
|
this.result_do_highlight(do_high);
|
}
|
}
|
},
|
|
no_results: function(terms){
|
var no_results_html = new Element('li', {'class': 'no-results'}).set('html', Locale.get('Chosen.noResults')+' "<span></span>"');
|
no_results_html.getElement("span").set('html', terms);
|
this.search_results.grab(no_results_html);
|
},
|
|
no_results_clear: function(){
|
this.search_results.getElements(".no-results").destroy();
|
},
|
|
keydown_arrow: function(){
|
if (!this.result_highlight){
|
var first_active = this.search_results.getElement("li.active-result");
|
if (first_active){
|
this.result_do_highlight(first_active);
|
}
|
} else if (this.results_showing){
|
var next_sib = this.result_highlight.getNext("li.active-result");
|
if (next_sib){
|
this.result_do_highlight(next_sib);
|
}
|
}
|
|
if (!this.results_showing){
|
this.results_show();
|
}
|
},
|
|
keyup_arrow: function(){
|
if (!this.results_showing && !this.is_multiple){
|
this.results_show();
|
} else if (this.result_highlight){
|
var prev_sib = this.result_highlight.getPrevious('li.active-result');
|
|
if (prev_sib){
|
this.result_do_highlight(prev_sib);
|
} else {
|
if (this.choices > 0){
|
this.results_hide();
|
}
|
this.result_clear_highlight();
|
}
|
}
|
},
|
|
keydown_backstroke: function(){
|
if (this.pending_backstroke){
|
this.choice_destroy(this.pending_backstroke.getElement("a"));
|
this.clear_backstroke();
|
} else {
|
this.pending_backstroke = this.search_choices.getLast("li.search-choice");
|
this.pending_backstroke.addClass("search-choice-focus");
|
}
|
},
|
|
clear_backstroke: function(){
|
if (this.pending_backstroke){
|
this.pending_backstroke.removeClass("search-choice-focus");
|
}
|
this.pending_backstroke = null;
|
},
|
|
keyup_checker: function(evt){
|
this.search_field_scale();
|
|
switch (evt.key){
|
case 'backspace':
|
|
if (this.is_multiple && this.backstroke_length < 1 && this.choices > 0){
|
this.keydown_backstroke();
|
}else if (!this.pending_backstroke){
|
this.result_clear_highlight();
|
this.results_search();
|
}
|
break;
|
|
case 'enter':
|
|
evt.preventDefault();
|
if (this.results_showing){
|
this.result_select(evt);
|
}
|
break;
|
case 'esc':
|
if (this.results_showing) {
|
this.results_hide();
|
}
|
break;
|
case 'tab':
|
case 'up':
|
case 'down':
|
case 'shift':
|
case 'ctrl':
|
break;
|
|
default:
|
this.results_search();
|
}
|
},
|
|
keydown_checker: function(evt){
|
this.search_field_scale();
|
|
if (evt.key !== 'backspace' && this.pending_backstroke){
|
this.clear_backstroke();
|
}
|
|
switch(evt.key){
|
case 'backspace':
|
this.backstroke_length = this.search_field.value.length;
|
break;
|
|
case 'tab':
|
if (this.results_showing && !this.is_multiple) {
|
this.result_select(evt);
|
}
|
this.mouse_on_container = false;
|
break;
|
|
case 'enter':
|
evt.preventDefault();
|
break;
|
|
case 'up':
|
evt.preventDefault();
|
this.keyup_arrow();
|
break;
|
|
case 'down':
|
this.keydown_arrow();
|
break;
|
}
|
},
|
|
search_field_scale: function(){
|
if (this.is_multiple){
|
var h = 0,
|
w = 0,
|
style_block = {
|
position: 'absolute',
|
left: '-1000px',
|
top: '-1000px',
|
display: 'none'
|
},
|
styles = this.search_field.getStyles('font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing');
|
|
Object.merge(style_block, styles);
|
var div = new Element('div', {
|
'styles': style_block
|
});
|
div.set('text', this.search_field.get('value'));
|
$(document.body).grab(div);
|
w = div.getDimensions().width + 25;
|
div.destroy();
|
if (w > this.f_width - 10) {
|
w = this.f_width - 10;
|
}
|
this.search_field.setStyle('width', w);
|
var dd_top = this.container.getCoordinates().height;
|
this.dropdown.setStyle('top', dd_top);
|
}
|
}
|
});
|
|
Element.implement({
|
get_side_border_padding: function(){
|
var styles = this.getStyles('padding-left', 'padding-right', 'border-left-width', 'border-right-width'),
|
notNull = Object.filter(styles, function(value){
|
return (typeof(value) == 'string');
|
}),
|
mapped = Object.map(notNull, function(s){ return s.toInt();}),
|
array = Object.values(mapped),
|
result = 0, l = array.length;
|
if (l){
|
while (l--) result += array[l];
|
}
|
return result;
|
},
|
select_to_array: function(){
|
var parser = new SelectParser();
|
|
this.getChildren().each(function(child){
|
parser.add_node(child);
|
});
|
|
return parser.parsed;
|
}
|
});
|
|
var SelectParser = new Class({
|
|
options_index: 0,
|
parsed: [],
|
|
add_node: function(child){
|
|
if (child.nodeName.toUpperCase() === "OPTGROUP"){
|
this.add_group(child);
|
} else {
|
this.add_option(child);
|
}
|
},
|
|
add_group: function(group){
|
|
var group_position = this.parsed.length;
|
this.parsed.push({
|
array_index: group_position,
|
group: true,
|
label: group.label,
|
children: 0,
|
disabled: group.disabled
|
});
|
|
group.getChildren().each(function(option){
|
this.add_option(option, group_position, group.disabled);
|
}, this);
|
},
|
|
add_option: function(option, group_position, group_disabled){
|
|
if (option.nodeName.toUpperCase() === "OPTION") {
|
|
if (option.text !== ""){
|
if (group_position != null) {
|
this.parsed[group_position].children += 1;
|
}
|
|
this.parsed.push({
|
array_index: this.parsed.length,
|
options_index: this.options_index,
|
value: option.get("value"),
|
text: option.get("text").trim(),
|
html: option.get("html"),
|
selected: option.selected,
|
disabled: group_disabled === true ? group_disabled : option.disabled,
|
group_array_index: group_position,
|
classes: option.className,
|
style: option.style.cssText
|
});
|
} else {
|
this.parsed.push({
|
array_index: this.parsed.length,
|
options_index: this.options_index,
|
empty: true
|
});
|
}
|
|
this.options_index += 1;
|
}
|
}
|
});
|
