mirror of
https://github.com/moodle/moodle.git
synced 2025-01-18 22:08:20 +01:00
85 lines
2.9 KiB
JavaScript
85 lines
2.9 KiB
JavaScript
|
// This file is part of Moodle - http://moodle.org/
|
||
|
|
//
|
||
|
|
// Moodle is free software: you can redistribute it and/or modify
|
||
|
|
// it under the terms of the GNU General Public License as published by
|
||
|
|
// the Free Software Foundation, either version 3 of the License, or
|
||
|
|
// (at your option) any later version.
|
||
|
|
//
|
||
|
|
// Moodle is distributed in the hope that it will be useful,
|
||
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
// GNU General Public License for more details.
|
||
|
|
//
|
||
|
|
// You should have received a copy of the GNU General Public License
|
||
|
|
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
||
|
|
|
||
|
|
/**
|
||
|
|
* javascript for a searchable select type element
|
||
|
|
*
|
||
|
|
* @package formlib
|
||
|
|
* @copyright 2009 Jerome Mouneyrac
|
||
|
|
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
||
|
|
*/
|
||
|
|
|
||
|
|
selector = {
|
||
|
|
select: null,
|
||
|
|
input: null,
|
||
|
|
button: null,
|
||
|
|
|
||
|
|
filter_init: function(strsearch, selectinputid) {
|
||
|
|
// selector.id = selectinputid
|
||
|
|
selector.select = document.getElementById(selectinputid);
|
||
|
|
selector.button = document.getElementById('settingssubmit');
|
||
|
|
|
||
|
|
// Create a div to hold the search UI.
|
||
|
|
var div = document.createElement('div');
|
||
|
|
div.id = 'searchui';
|
||
|
|
|
||
|
|
// Find the capability search input.
|
||
|
|
var input = document.createElement('input');
|
||
|
|
input.type = 'text';
|
||
|
|
input.id = selectinputid+'_search';
|
||
|
|
selector.input = input;
|
||
|
|
|
||
|
|
// Create a label for the search input.
|
||
|
|
var label = document.createElement('label');
|
||
|
|
label.htmlFor = input.id;
|
||
|
|
label.appendChild(document.createTextNode(strsearch + ' '));
|
||
|
|
|
||
|
|
// Tie it all together
|
||
|
|
div.appendChild(label);
|
||
|
|
div.appendChild(input);
|
||
|
|
selector.select.parentNode.insertBefore(div, selector.select);
|
||
|
|
YAHOO.util.Event.addListener(input, 'keyup', selector.filter_change);
|
||
|
|
},
|
||
|
|
|
||
|
|
filter_change: function() {
|
||
|
|
var searchtext = selector.input.value.toLowerCase();
|
||
|
|
var options = selector.select.options;
|
||
|
|
var matchingoption = -1;
|
||
|
|
for (var i = 0; i < options.length; i++) {
|
||
|
|
var optiontext = options[i].text.toLowerCase();
|
||
|
|
if (optiontext.indexOf(searchtext) >= 0) { //the option is matching the search text
|
||
|
|
options[i].disabled = false; //the option must be visible
|
||
|
|
options[i].style.display = 'block';
|
||
|
|
if (matchingoption == -1) { //we found at least one
|
||
|
|
matchingoption = i;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
options[i].disabled = true;
|
||
|
|
options[i].selected = false;
|
||
|
|
options[i].style.display = 'none';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (matchingoption == -1) { //the search didn't find any matching, color the search text in red
|
||
|
|
selector.input.className = "error";
|
||
|
|
} else {
|
||
|
|
selector.input.className = "";
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|