TwainFrame - User contributions [en]

MediaWiki:Common.js

2025-06-25T00:50:48Z

Michel TwainFrame:

// 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();
}
});
});
}
});
});

MediaWiki:Common.js

2025-06-25T00:50:22Z

Michel TwainFrame:

// 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();
}
});
});
}
});
});

MediaWiki:Common.js

2025-06-25T00:43:52Z

Michel TwainFrame:

TestTable

2025-06-25T00:43:39Z

Michel TwainFrame:

<html>
<table id="example" class="wikitable" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>

</html>

MediaWiki:Common.css

2025-06-25T00:43:25Z

Michel TwainFrame:

TestTable

2025-06-25T00:40:47Z

Michel TwainFrame:

<html>
<table id="stylingtext" class="wikitable" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>

</html>

MediaWiki:Common.css

2025-06-25T00:40:22Z

Michel TwainFrame:

/* MediaWiki:Common.css */

/* Tabelle mit ID 'example' */
#example {
border: 2px solid #0077cc;
border-collapse: collapse;
}

#example td,
#example th {
border: 1px solid #ccc;
padding: 8px;
}

#example tbody tr:nth-child(even) {
background-color: #f5f5f5;
}
#example td {
font-family: "Georgia", serif;
font-size: 0.7em;
}

/* Alle Tabellen mit Klasse 'display' (DataTables-Standardklasse) */
table.display {
font-size: 1.5em;
width: 100%;
border-collapse: collapse;
}

/* Tabellenköpfe */
table.display th {
background-color: #e0e0e0;
color: #333;
padding: 10px;
}

/* Tabellenzellen */
table.display td {
padding: 18px;
border-bottom: 11px solid #ddd;
}

/* Hover-Effekt für Zeilen */
table.display tbody tr:hover {
background-color: #fcffcc;
}

/* ============================
DataTables Custom Styling
Ziel: Optisch ansprechendes Design für Tabelle mit ID #stylingtext
============================ */

/* --- Grundlegende Tabellenstruktur --- */
#stylingtext {
width: 100%; /* Tabelle nimmt gesamte Breite des Containers ein */
border-collapse: collapse; /* Entfernt doppelte Rahmen zwischen Zellen */
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; /* Moderner, gut lesbarer Font */
font-size: 14px;
background-color: #ffffff; /* Heller Hintergrund für bessere Lesbarkeit */
}

/* --- Tabellenkopf (thead) --- */
#stylingtext thead {
background-color: #005288; /* Dunkelblauer Hintergrund für den Header */
color: white; /* Weißer Text für guten Kontrast */
text-align: left;
}

#stylingtext thead th {
padding: 12px 8px; /* Innenabstand oben/unten und rechts/links */
border-bottom: 2px solid #ccc; /* Dezente Trennlinie unter dem Header */
}

/* --- Tabellenkörper (tbody) --- */
#stylingtext tbody tr:nth-child(even) {
background-color: #f2f2f2; /* Abwechselnde Zeilenfarbe (Zebra-Streifen) */
}

#stylingtext tbody tr:hover {
background-color: #e0f0ff; /* Hover-Effekt bei Mouseover */
}

#stylingtext td {
padding: 10px 8px;
border-bottom: 1px solid #ddd; /* Trennung der Zeilen */
}

/* --- Suchfeld und Buttons (DataTables UI) --- */
.dataTables_wrapper .dataTables_filter input {
border: 1px solid #ccc;
padding: 6px;
border-radius: 4px;
margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_length select {
border: 1px solid #ccc;
padding: 6px;
border-radius: 4px;
}

/* --- Paginierung unten rechts --- */
.dataTables_wrapper .dataTables_paginate {
margin-top: 10px;
text-align: right;
font-size: 13px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 6px 12px;
margin: 0 2px;
border: 1px solid #ddd;
background-color: #f9f9f9;
color: #333;
cursor: pointer;
border-radius: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background-color: #005288;
color: white;
border-color: #005288;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
background-color: #005288;
color: white !important;
border-color: #005288;
}

/* --- Info unten links (z.B. "Zeige 1 bis 10 von 20 Einträgen") --- */
.dataTables_wrapper .dataTables_info {
margin-top: 10px;
font-size: 13px;
color: #666;
}

/* --- Responsives Verhalten (wenn DataTables responsive Extension aktiv ist) --- */
@media screen and (max-width: 768px) {
#stylingtext thead {
display: none; /* Header ausblenden auf kleinen Bildschirmen */
}

#stylingtext td {
display: block;
width: 100%;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%; /* Platz für Label */
}

}

MediaWiki:Common.css

2025-06-25T00:35:58Z

Michel TwainFrame:

TestTable

2025-06-25T00:30:02Z

Michel TwainFrame:

MediaWiki:Common.js

2025-06-25T00:27:27Z

Michel TwainFrame:

MediaWiki:Common.css

2025-06-25T00:26:38Z

Michel TwainFrame:

/* MediaWiki:Common.css */
#example {
border: 2px solid #0077cc;
border-collapse: collapse;
}

#example td,
#example th {
border: 1px solid #ccc;
padding: 8px;
}

#example tbody tr:nth-child(even) {
background-color: #f5f5f5;
}
#example td {
font-family: "Georgia", serif;
font-size: 0.7em;
}

/* Alle Tabellen mit Klasse 'display' (DataTables-Standardklasse) */
table.display {
font-size: 1.5em;
width: 100%;
border-collapse: collapse;
}

/* Tabellenköpfe */
table.display th {
background-color: #e0e0e0;
color: #333;
padding: 10px;
}

/* Tabellenzellen */
table.display td {
padding: 18px;
border-bottom: 11px solid #ddd;
}

/* Hover-Effekt für Zeilen */
table.display tbody tr:hover {
background-color: #fcffcc;
}

TestTable

2025-06-25T00:24:28Z

Michel TwainFrame:

TestTable

2025-06-25T00:24:14Z

Michel TwainFrame:

MediaWiki:Common.css

2025-06-25T00:24:03Z

Michel TwainFrame:

/* MediaWiki:Common.css */
#example {
border: 4px solid #0077cc;
border-collapse: collapse;
}

#example td,
#example th {
border: 1px solid #ccc;
padding: 8px;
}

#example tbody tr:nth-child(even) {
background-color: #f5f5f5;
}
#example td {
font-family: "Georgia", serif;
font-size: 0.9em;
}

/* Alle Tabellen mit Klasse 'display' (DataTables-Standardklasse) */
table.display {
font-size: 1.5em;
width: 100%;
border-collapse: collapse;
}

/* Tabellenköpfe */
table.display th {
background-color: #e0e0e0;
color: #333;
padding: 10px;
}

/* Tabellenzellen */
table.display td {
padding: 18px;
border-bottom: 11px solid #ddd;
}

/* Hover-Effekt für Zeilen */
table.display tbody tr:hover {
background-color: #fcffcc;
}

TestTable

2025-06-25T00:22:46Z

Michel TwainFrame:

MediaWiki:Common.css

2025-06-25T00:16:44Z

Michel TwainFrame:

/* MediaWiki:Common.css */
#example {
border: 4px solid #0077cc;
border-collapse: collapse;
}

#example td,
#example th {
border: 1px solid #ccc;
padding: 8px;
}

#example tbody tr:nth-child(even) {
background-color: #f5f5f5;
}
#example td {
font-family: "Georgia", serif;
font-size: 0.9em;
}

/* Alle Tabellen mit Klasse 'display' (DataTables-Standardklasse) */
table.display {
font-size: 0.95em;
width: 100%;
border-collapse: collapse;
}

/* Tabellenköpfe */
table.display th {
background-color: #e0e0e0;
color: #333;
padding: 10px;
}

/* Tabellenzellen */
table.display td {
padding: 18px;
border-bottom: 11px solid #ddd;
}

/* Hover-Effekt für Zeilen */
table.display tbody tr:hover {
background-color: #fcffcc;
}

MediaWiki:Common.css

2025-06-25T00:16:25Z

Michel TwainFrame:

/* MediaWiki:Common.css */
#example {
border: 4px solid #0077cc;
border-collapse: collapse;
}

#example td,
#example th {
border: 1px solid #ccc;
padding: 8px;
}

#example tbody tr:nth-child(even) {
background-color: #f5f5f5;
}
#example td {
font-family: "Georgia", serif;
font-size: 0.9em;
}

/* Alle Tabellen mit Klasse 'display' (DataTables-Standardklasse) */
table.display {
font-size: 0.95em;
width: 100%;
border-collapse: collapse;
}

/* Tabellenköpfe */
table.display th {
background-color: #e0e0e0;
color: #333;
padding: 10px;
}

/* Tabellenzellen */
table.display td {
padding: 18px;
border-bottom: 11px solid #ddd;
}

/* Hover-Effekt für Zeilen */
table.display tbody tr:hover {
background-color: #ffffff;
}

MediaWiki:Common.css

2025-06-25T00:15:50Z

Michel TwainFrame:

/* MediaWiki:Common.css */
#example {
border: 2px solid #0077cc;
border-collapse: collapse;
}

#example td,
#example th {
border: 1px solid #ccc;
padding: 8px;
}

#example tbody tr:nth-child(even) {
background-color: #f5f5f5;
}
#example td {
font-family: "Georgia", serif;
font-size: 0.9em;
}

/* Alle Tabellen mit Klasse 'display' (DataTables-Standardklasse) */
table.display {
font-size: 0.95em;
width: 100%;
border-collapse: collapse;
}

/* Tabellenköpfe */
table.display th {
background-color: #e0e0e0;
color: #333;
padding: 10px;
}

/* Tabellenzellen */
table.display td {
padding: 8px;
border-bottom: 1px solid #ddd;
}

/* Hover-Effekt für Zeilen */
table.display tbody tr:hover {
background-color: #ffffcc;
}

MediaWiki:Common.css

2025-06-25T00:15:15Z

Michel TwainFrame:

MediaWiki:Common.css

2025-06-25T00:14:42Z

Michel TwainFrame:

MediaWiki:Common.js

2025-06-25T00:08:11Z

Michel TwainFrame:

MediaWiki:Common.js

2025-06-25T00:06:47Z

Michel TwainFrame:

MediaWiki:Common.js

2025-06-25T00:05:27Z

Michel TwainFrame:

TestTable

2025-06-25T00:05:01Z

Michel TwainFrame:

TestTable

2025-06-25T00:04:37Z

Michel TwainFrame:

TestTable

2025-06-25T00:04:15Z

Michel TwainFrame:

TestTable

2025-06-25T00:04:02Z

Michel TwainFrame: Änderung 227 von Michel TwainFrame (Diskussion) rückgängig gemacht.

<html>
<table id="example" class="wikitable display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>

----------------------

<table id="example" class="wikitable display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>
<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>

</html>

TestTable

2025-06-25T00:03:39Z

Michel TwainFrame:

TestTable

2025-06-25T00:03:25Z

Michel TwainFrame:

TestTable

2025-06-25T00:03:08Z

Michel TwainFrame:

MediaWiki:Common.js

2025-06-25T00:01:33Z

Michel TwainFrame:

TestTable

2025-06-25T00:00:11Z

Michel TwainFrame:

<html>
<table id="example" class="wikitable display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>

----------------------

<table id="example" class="wikitable display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
<tr>
<th><input type="text" placeholder="Suche Illustrator" /></th>
<th><input type="text" placeholder="Suche Titel" /></th>
<th><input type="text" placeholder="Suche Tags" /></th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

</html>

TestTable

2025-06-24T23:58:48Z

Michel TwainFrame:

<html>
<table id="example" class="wikitable display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>

----------------------

<table id="#example" class="wikitable display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
<tr>
<th><input type="text" placeholder="Suche Illustrator" /></th>
<th><input type="text" placeholder="Suche Titel" /></th>
<th><input type="text" placeholder="Suche Tags" /></th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

</html>

MediaWiki:Common.js

2025-06-24T23:57:54Z

Michel TwainFrame:

// DataTables CSS laden
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
mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js')
.then(function () {
$(function () {
var table = document.getElementById('illust-table');
if (table) {
console.log('Initialisiere DataTables für #illust-table …');
$('#illust-table').DataTable();
} else {
console.warn('Tabelle mit ID "illust-table" nicht gefunden.');
}
});
});

$(document).ready(function () {
var table = $('#example').DataTable();

// Spaltensuche aktivieren
$('#example thead tr:eq(1) th').each(function (i) {
$('input', this).on('keyup change', function () {
if (table.column(i).search() !== this.value) {
table.column(i).search(this.value).draw();
}
});
});
});

TestTable

2025-06-24T23:57:07Z

Michel TwainFrame:

<html>
<table id="example" class="wikitable display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>

----------------------

<table id="example" class="wikitable display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
<tr>
<th><input type="text" placeholder="Suche Illustrator" /></th>
<th><input type="text" placeholder="Suche Titel" /></th>
<th><input type="text" placeholder="Suche Tags" /></th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

</html>

TestTable

2025-06-24T21:10:59Z

Michel TwainFrame:

<html>
<table id="example" class="display" style="width:100%">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>
</html>

TestTable

2025-06-24T21:09:41Z

Michel TwainFrame:

<table id="illust-table" class="wikitable datatable">
<thead>
<tr>
<th>Illustrator</th>
<th>Title</th>
<th>Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>H. Schrödter</td>
<td>Pap</td>
<td>-huck -drawing -papfinn -2p</td>
</tr>
<tr>
<td>E. W. Kemble</td>
<td>A Fair Fit</td>
<td>-huck -2p -jim -drawing</td>
</tr>
<tr>
<td>E. Hirth</td>
<td>Tragedy</td>
<td>-king -1p -drawing</td>
</tr>
</tbody>
</table>

TestTable

2025-06-24T21:07:28Z

Michel TwainFrame:

<div style="color: red;">Das ist roter Text mit Raw HTML.</div>

TestTable

2025-06-24T21:03:51Z

Michel TwainFrame:

{| id="illust-table" class="wikitable datatable"
! Illustrator !! Title !! Tags
|-
| H. Schrödter || Pap || -huck -drawing -papfinn -2p
|-
| E. W. Kemble || A Fair Fit || -huck -2p -jim -drawing
|-
| E. Hirth || Tragedy || -king -1p -drawing
|}

TestTable

2025-06-24T20:59:47Z

Michel TwainFrame:

MediaWiki:Common.js

2025-06-24T20:59:23Z

Michel TwainFrame:

TestTable

2025-06-24T20:58:20Z

Michel TwainFrame: Die Seite wurde neu angelegt: „{| id="illust-table" class="datatable" ! Illustrator !! Title !! Tags |- | H. Schrödter || Pap || -huck -drawing -papfinn -2p |- | E. W. Kemble || A Fair Fit || -huck -2p -jim -drawing |- | E. Hirth || Tragedy || -king -1p -drawing |}“

{| id="illust-table" class="datatable"
! Illustrator !! Title !! Tags
|-
| H. Schrödter || Pap || -huck -drawing -papfinn -2p
|-
| E. W. Kemble || A Fair Fit || -huck -2p -jim -drawing
|-
| E. Hirth || Tragedy || -king -1p -drawing
|}

MediaWiki:Common.js

2025-06-24T20:49:53Z

Michel TwainFrame:

mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js')
.then(function () {
console.log('DataTables erfolgreich geladen!');
$(document).ready(function () {
$('#illust-table').DataTable(); // nur diese eine Tabelle initialisieren
});
})
.catch(function (err) {
console.error('Fehler beim Laden von DataTables:', err);
});

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

MediaWiki:Common.js

2025-06-24T20:46:29Z

Michel TwainFrame:

console.log('DataTables-Skript wird geladen...');

// DataTables JS nachladen und dann initialisieren
mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js')
.then(function () {
console.log('DataTables erfolgreich geladen! Initialisiere Tabelle...');

// Initialisierung (jetzt fehlt sie noch!)
$(document).ready(function () {
$('.datatable').DataTable();
});
})
.catch(function (err) {
console.error('Fehler beim Laden von DataTables:', err);
});

MediaWiki:Common.js

2025-06-24T20:40:12Z

Michel TwainFrame:

MediaWiki:Common.js

2025-06-24T20:26:21Z

Michel TwainFrame:

/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* Any JavaScript here will be loaded for all users on every page load. */

console.log('DataTables-Skript wird geladen...');

// DataTables JS nachladen und dann initialisieren
mw.loader.getScript('https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js')
.then(function() {
console.log('DataTables erfolgreich geladen! Initialisiere Tabelle...');
$(document).ready(function() {
$('#catalog').DataTable({
paging: true,
pageLength: 100,
searching: true,
ordering: true,
lengthMenu: [ [10, 25, 50, 100, 200, 600], [10, 25, 50, 100, 200, 600] ],
order: [[1, 'asc']],
language: {
search: "Suche:",
lengthMenu: "Show _MENU_ Entries",
zeroRecords: "No Matches",
info: "Page _PAGE_ of _PAGES_",
infoEmpty: "Empty",
infoFiltered: "(out of _MAX_ total entries)"
},
initComplete: function () {
// Fügt für jede Spalte ein Suchfeld hinzu
this.api().columns().every(function () {
var column = this;
var header = $(column.header());
var columnTitle = header.text(); // Spaltentitel extrahieren
var input = $('<input type="text" placeholder="' + columnTitle + ' ..." style="width: 100%; padding: 5px;"/>')
.appendTo($(header).empty()) // Leert die Headerzelle und fügt das Eingabefeld ein
.on('keyup change', function () {
column.search(this.value).draw(); // Filtert die Spalte nach Eingabewerten
})
.on('click', function(e) {
e.stopPropagation(); // Verhindert, dass der Klick die Sortierung beeinflusst
});
});
}
});
});
})
.catch(function(err) {
console.error('Fehler beim Laden von DataTables:', err);
});

MediaWiki:Common.js

2025-06-17T21:41:12Z

Michel TwainFrame: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „/* Das folgende JavaScript wird für alle Benutzer geladen. */“

/* Das folgende JavaScript wird für alle Benutzer geladen. */

Galerie

2025-06-17T21:39:17Z

Michel TwainFrame:

<gallery mode="slideshow">
Datei:Hf_1938_har_ch002_ill1.jpg|Tom Puts Jim's Hat on a Branch 1
Datei:Hf_1885_kmb_ch004_ill1_cropped.jpg|!!!!

Datei:Hf_1938_har_ch002_ill1.jpg|Tom Puts Jim's Hat on a Branch 2
</gallery>

Galerie

2025-06-17T21:38:42Z

Michel TwainFrame:

Galerie

2025-06-17T21:37:21Z

Michel TwainFrame:

<gallery mode="slideshow">
Datei:Hf_1938_har_ch002_ill1.jpg|Tom Puts Jim's Hat on a Branch 1
Datei:Hf_1938_har_ch002_ill1.jpg|Tom Puts Jim's Hat on a Branch 2
Datei:Hf_1938_har_ch002_ill1.jpg|Tom Puts Jim's Hat on a Branch 3
</gallery>