coderkun/questlab
1
0
Fork 0
Code Issues 15 Pull requests Projects Releases Wiki Activity

improve filtering for adding Characters to Character groups (Issue #200)

Browse source
This commit is contained in:
coderkun 2014-05-03 13:50:26 +02:00
commit 18422a45d0
1 changed files with 30 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

42
views/html/charactergroups/managegroup.tpl
View file

@ -46,7 +46,7 @@
</fieldset>
<fieldset class="filter add">
<p class="fwb"><small>Charaktere der Gruppe hinzufügen:</small></p>
<input type="text" placeholder="<?=_('Filter Characters')?>" onkeyup="filter_characters(this)" />
<input type="text" id="filter_input" placeholder="<?=_('Filter Characters')?>" />
<select id="characters" name="characters[]" size="10" multiple="multiple">
<?php foreach($characters as &$character) : ?>
<option value="<?=$character['id']?>"><?=$character['name']?></option>
@ -79,17 +79,35 @@
/**
* Hide select elements that include the value string from the given input
* element.
*
* @author Lessan Vaezi (http://stackoverflow.com/a/6647367)
*/
function filter_characters(input)
{
text = input.value.toLowerCase();
$('#characters option').each(function() {
if(this.text.toLowerCase().indexOf(text) !== -1) {
jQuery(this).removeAttr('hidden');
}
else {
jQuery(this).attr('hidden', "hidden");
}
jQuery.fn.filterByText = function(textbox) {
return this.each(function() {
var select = this;
var options = [];
$(select).find('option').each(function() {
options.push({value: $(this).val(), text: $(this).text()});
});
$(select).data('options', options);
$(textbox).bind('change keyup', function() {
var options = $(select).empty().data('options');
var search = $.trim($(this).val());
var regex = new RegExp(search,"gi");
$.each(options, function(i) {
var option = options[i];
if(option.text.match(regex) !== null) {
$(select).append(
$('<option>').text(option.text).val(option.value)
);
}
});
});
});
}
};
$(function() {
$('#characters').filterByText($('#filter_input'));
});
</script>