MediaWiki:Common.js
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
///////////////////////
// Table Filter/Sort //
///////////////////////
/**
* @description Table Filter/Sort
* TODO ?replace by jQuery plugin datatable?
*
* @requires $.resource()
* @requires $.jI18n.en
* @returns {undefined}
*/
window.initTableFilterSort = function (){ // see MediaWiki:SortTableFilter.js
/* Note: problem is auto-inserted <tbody></tbody> by the browser: must be removed and
replaced by thead + tbody. jQuery.unwrap() was not successful */
// add possibly more classes from http://www.javascripttoolbox.com/lib/table/documentation.php
// Note: only applies to non-nested tables
var jAutotables = $('table.table-autosort, table.table-autofilter, table-autostripe,table-sorted-asc,table-sorted-desc, table-filtered');
if (jAutotables.length) {
// Note: in MediaWiki:SortTableFilter.js 'SortTableFilter_InputFilterTitle' was not recognized
$.extend(true, $.jI18n, {
en: {
SortTableFilter_AutoSortTitle : 'Click to sort',
SortTableFilter_FilterAllLabel: 'Filter: All',
SortTableFilter_InputFilterTitle: 'Filter text (case sensitive, uses reg. expressions)'
},
de: {
SortTableFilter_AutoSortTitle : 'Zum Sortieren klicken',
SortTableFilter_FilterAllLabel: 'Zeige: alle',
SortTableFilter_InputFilterTitle: 'Text filtern (GROß/klein!, nutzt reg. Ausdrücke)'
}
});
// get sortable/filterable here already otherwise multiple th-filters
$.getScript(mw.config.get( 'wgServer' ) + mw.config.get( 'wgScript' ) + '?title=MediaWiki:SortTableFilter.js&action=raw&ctype=text/javascript',
function(){return true;});
// modify tables to introduce thead structure
jAutotables.each(function(index){ //TODO simplify code? if()…
// There may or may not be a tbody around tr. NOTE: $.unwrap() does not work here!
// Memo: find('tr th') finds th, .parent() retrieves tr! .wrapAll will wrap inside DOM, not in return value! .detach() returns detached
// OK in FF 3.6 and IE 7-8, not in IE6 (like the old code)
// FURTHER WORK: Ideally, all normal tr td should remain in a tbody.
var jThis = $(this),
jThead = jThis.find('tr th').parent().detach(),
jTfoot = jThis.find('tr[class=tfoot] td').parent().detach(),// remove it from the DOM
jTbody = jThis.find('tbody:first');
if (jTbody.length===0) {
jThis.children().wrapAll('<tbody/>');
jTbody = jThis.find('tbody:first');
}
jTbody.before($('<thead/>').append(jThead));
if (jTfoot.length) {
jTbody.after($('<tfoot/>').append(jTfoot));
}
// th with class="input" gives an input field instead of selections
$(this).find('th[class=input]').append('<input name="filter" title="'+$.resource('SortTableFilter_InputFilterTitle')+'" size="8" onkeyup="Table.filter(this,this)">');
});// end each()
} // END if any autotable
};