Jump to content

MediaWiki:Common.js: Difference between revisions

From TwainFrame
No edit summary
No edit summary
 
(12 intermediate revisions by 3 users not shown)
Line 2: Line 2:
mw.loader.load('https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css', 'text/css');
mw.loader.load('https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css', 'text/css');


// JS laden und initialisieren nach vollständigem Seitenaufbau
// DataTables JS laden und initialisieren
mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js')
mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js')
   .then(function () {
   .then(function () {
     $(function () {
     $(function () {
       var table = document.getElementById('illust-table');
       var table = $('#example');
       if (table) {
 
         console.log('Initialisiere DataTables für #illust-table …');
       if (table.length) {
        $('#illust-table').DataTable();
         // Füge zusätzliche Kopfzeile mit Input-Feldern hinzu
      } else {
        $('#example thead').append('<tr></tr>');
         console.warn('Tabelle mit ID "illust-table" nicht gefunden.');
        $('#example thead tr:eq(0) th').each(function () {
          var title = $(this).text();
          $('#example thead tr:eq(1)').append('<th><input type="text" placeholder="Suche ' + title + '" /></th>');
        });
 
        // DataTable initialisieren
        var dataTable = table.DataTable();
 
         // Spaltensuche aktivieren
        dataTable.columns().every(function () {
          var that = this;
          $('input', this.header()).on('keyup change clear', function () {
            if (that.search() !== this.value) {
              that.search(this.value).draw();
            }
          });
        });
       }
       }
     });
     });
   });
   });
/* Move Edittools directly below the edit field. */
mw.loader.load("https://twainframe.org/index.php?title=MediaWiki:MoveEdittools.js&action=raw&ctype=text/javascript");

Latest revision as of 16:09, 25 June 2025

// DataTables CSS laden
mw.loader.load('https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css', 'text/css');

// DataTables JS laden und initialisieren
mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js')
  .then(function () {
    $(function () {
      var table = $('#example');

      if (table.length) {
        // Füge zusätzliche Kopfzeile mit Input-Feldern hinzu
        $('#example thead').append('<tr></tr>');
        $('#example thead tr:eq(0) th').each(function () {
          var title = $(this).text();
          $('#example thead tr:eq(1)').append('<th><input type="text" placeholder="Suche ' + title + '" /></th>');
        });

        // DataTable initialisieren
        var dataTable = table.DataTable();

        // Spaltensuche aktivieren
        dataTable.columns().every(function () {
          var that = this;
          $('input', this.header()).on('keyup change clear', function () {
            if (that.search() !== this.value) {
              that.search(this.value).draw();
            }
          });
        });
      }
    });
  });

/* Move Edittools directly below the edit field. */
mw.loader.load("https://twainframe.org/index.php?title=MediaWiki:MoveEdittools.js&action=raw&ctype=text/javascript");