DPL Test - Revision history

HMHTEST at 22:07, 11 May 2026

2026-05-11T22:07:42Z

← Older revision		Revision as of 00:07, 12 May 2026
Line 1:		Line 1:
			{{Seitenkopf\|Bibliography Backbone}}
	<html>		<html>
	<button id="generateCatalogHTML">		<p>
	~~Generate static catalog~~ HTML		<button id="generateCatalogHTML">Create Raw HTML</button>
	</~~button~~>		</p>

	<h2>~~Generated HTML~~</h2>		<textarea id="outputHTML" style="width:100%; height:600px; font-family:monospace;"></textarea>

	<~~textarea~~ id="~~catalogOutput~~"		<div id="status" style="margin-top:10px;"></div>
	style="~~width:100%; height:400px; font~~-~~family~~:~~monospace~~;"></~~textarea~~>
	</html>		</html>


	~~{{#dpl:~~
	~~\|category = Media Pages~~
	~~\|include = {MediaInfo}:publication:year:illustrator:chapter:illustration:title:tags:[[%TITLE%]]~~
	~~\|table = class="wikitable datatable hover" id="DPL"~~
	~~data-layout='{"top1Start":"searchBuilder"}'~~
	~~data-language='<nowiki>{"searchPlaceholder":" Quick Search", "search":"", "searchBuilder":{"add":"Add Search Condition"}}</nowiki>'~~
	~~data-page-length="50",-,Publication, Year, Illustrator, Chapter, Illustration, Title, Tags,ID~~
	~~\|tablerow=style="width:5%;"¦%%, %%, style="width:5%;"¦%%, %%, style="width:5%;"¦%%, style="width:5%;"¦%%, class="type" style="width:5%;"¦%%,~~
	~~style="width:5%;"¦%%, style="width:5%;"¦%%~~
	~~\|ordermethod = title~~
	~~\|order=ascending~~
	}}

HMHTEST at 20:05, 9 December 2025

2025-12-09T20:05:15Z

← Older revision		Revision as of 22:05, 9 December 2025
Line 1:		Line 1:
			<html>
			<button id="generateCatalogHTML">
			Generate static catalog HTML
			</button>

			<h2>Generated HTML</h2>

			<textarea id="catalogOutput"
			style="width:100%; height:400px; font-family:monospace;"></textarea>
			</html>


Line 13:		Line 23:
	\|order=ascending		\|order=ascending
	}}		}}
	~~<html>~~
	~~<button id="generateCatalogHTML">~~
	~~Generate static catalog HTML~~
	~~</button>~~

	~~<h2>Generated HTML</h2>~~

	~~<textarea id="catalogOutput"~~
	~~style="width:100%; height:400px; font-family:monospace;"></textarea>~~
	~~</html>~~

HMHTEST at 20:01, 9 December 2025

2025-12-09T20:01:32Z

← Older revision		Revision as of 22:01, 9 December 2025
Line 18:		Line 18:
	</button>		</button>

	<h2>Generated HTML ~~(copy this)~~</h2>		<h2>Generated HTML</h2>

	<textarea id="catalogOutput"		<textarea id="catalogOutput"
	style="width:100%; height:400px; font-family:monospace;"></textarea>		style="width:100%; height:400px; font-family:monospace;"></textarea>
	</html>		</html>

HMHTEST at 19:48, 9 December 2025

2025-12-09T19:48:53Z

← Older revision		Revision as of 21:48, 9 December 2025
Line 13:		Line 13:
	\|order=ascending		\|order=ascending
	}}		}}
			<html>
	<button id="generateCatalogHTML">		<button id="generateCatalogHTML">
	Generate static catalog HTML		Generate static catalog HTML
Line 22:		Line 22:
	<textarea id="catalogOutput"		<textarea id="catalogOutput"
	style="width:100%; height:400px; font-family:monospace;"></textarea>		style="width:100%; height:400px; font-family:monospace;"></textarea>
			</html>

HMHTEST at 19:48, 9 December 2025

2025-12-09T19:48:30Z

@@ Line 13: / Line 13: @@
 |order=ascending
 }}
-<html>
 <button id="generateCatalogHTML">
 Generate static catalog HTML
 </button>
-<pre id="catalogOutput" style="margin-top:1em; white-space:pre-wrap;"></pre>
+<h2>Generated HTML (copy this)</h2>
-</html>
+<textarea id="catalogOutput"

HMHTEST: Undo revision 2582 by HMHTEST (talk)

2025-12-09T19:46:29Z

Undo revision 2582 by HMHTEST (talk)

← Older revision		Revision as of 21:46, 9 December 2025
Line 103:		Line 103:


	~~</html>~~
	~~<html>~~
	~~<button id="testButton">JS TEST</button>~~

	~~<script>~~
	~~document.getElementById('testButton').addEventListener('click', function () {~~
	~~alert('JavaScript is running');~~
	~~});~~
	~~</script>~~
	</html>		</html>

HMHTEST: Undo revision 2581 by HMHTEST (talk)

2025-12-09T19:46:03Z

Undo revision 2581 by HMHTEST (talk)

← Older revision		Revision as of 21:46, 9 December 2025
Line 23:		Line 23:
	mw.hook('wikipage.content').add(function () {		mw.hook('wikipage.content').add(function () {

	document.~~addEventListener~~('~~click~~', function (e) {		const button = document.getElementById('generateCatalogHTML');
	if (e.~~target~~.id !== '~~generateCatalogHTML~~') ~~return~~;		if (!button) return;

			function extractFileName(a) {
			if (!a) return null;

			const m = a.href.match(/title=([^&]+)/i);
			if (!m) return null;

			return decodeURIComponent(m[1]).replace(/\.jpg$/i, '');
			}

			button.addEventListener('click', function () {

	const table = document.getElementById('DPL');		const table = document.getElementById('DPL');
Line 33:		Line 44:

	const rows = table.querySelectorAll('tbody tr');		const rows = table.querySelectorAll('tbody tr');
			if (rows.length <= 1) {
			alert('No data rows found');
			return;
			}

	let out = [];		let out = [];

	rows.forEach((row, i) => {		rows.forEach((row, i) => {
	if (i === 0) return;		if (i === 0) return; // skip header

	const td = row.querySelectorAll('td');		const td = row.querySelectorAll('td');
	if (td.length < 8) return;		if (td.length < 8) return;

	const ~~link~~ = td[7].querySelector('a');		const file = extractFileName(td[7].querySelector('a'));
	~~if (!link) return;~~

	~~const file = decodeURIComponent(~~
	~~(link.href.match(/title=([^&]+)/i) \|\| [])[1] \|\| ''~~
	);

	if (!file) return;		if (!file) return;

Line 59:		Line 69:
	<td align="center">${td[4].innerText.trim()}</td>		<td align="center">${td[4].innerText.trim()}</td>
	<td align="left"><font face="Liberation Serif">${td[5].innerText.trim()}</font></td>		<td align="left"><font face="Liberation Serif">${td[5].innerText.trim()}</font></td>
	<td align="left"><font face="Liberation Serif">-${td[6].innerText.trim().replace(/,\s*/g,' -')}</font></td>		<td align="left"><font face="Liberation Serif">-${td[6].innerText.trim().replace(/,\s*/g, ' -')}</font></td>
	<td align="left">		<td align="left">
	<a href="/index.php/Special:Redirect/file/${file}">${file~~.replace(/\.jpg$/i,'')~~}</a>		<a href="/index.php/Special:Redirect/file/${file}.jpg">${file}</a>
	</td>		</td>
	</tr>`.trim());		</tr>`.trim());
Line 91:		Line 101:
	});		});
	</script>		</script>

HMHTEST at 19:44, 9 December 2025

2025-12-09T19:44:22Z

← Older revision		Revision as of 21:44, 9 December 2025
Line 94:		Line 94:


			</html>
			<html>
			<button id="testButton">JS TEST</button>

			<script>
			document.getElementById('testButton').addEventListener('click', function () {
			alert('JavaScript is running');
			});
			</script>
	</html>		</html>

HMHTEST at 19:42, 9 December 2025

2025-12-09T19:42:23Z

← Older revision		Revision as of 21:42, 9 December 2025
Line 23:		Line 23:
	mw.hook('wikipage.content').add(function () {		mw.hook('wikipage.content').add(function () {

	~~const button =~~ document.~~getElementById~~('~~generateCatalogHTML~~');		document.addEventListener('click', function (e) {
	~~if (!button) return;~~		if (e.target.id !== 'generateCatalogHTML') return;

	function ~~extractFileName~~(a) {
	if (!~~a) return null;~~

	~~const m~~ = ~~a.href.match(/title~~=~~([^&]+)/i);~~
	~~if (!m) return null;~~

	~~return decodeURIComponent(m[1]).replace(/\.jpg$/i,~~ '');
	}

	~~button.addEventListener('click', function () {~~

	const table = document.getElementById('DPL');		const table = document.getElementById('DPL');
Line 44:		Line 33:

	const rows = table.querySelectorAll('tbody tr');		const rows = table.querySelectorAll('tbody tr');
	~~if (rows.length <= 1) {~~
	~~alert('No data rows found');~~
	~~return;~~
	}

	let out = [];		let out = [];

	rows.forEach((row, i) => {		rows.forEach((row, i) => {
	if (i === 0) return; ~~// skip header~~		if (i === 0) return;

	const td = row.querySelectorAll('td');		const td = row.querySelectorAll('td');
	if (td.length < 8) return;		if (td.length < 8) return;

	const ~~file~~ = ~~extractFileName(~~td[7].querySelector('a'));		const link = td[7].querySelector('a');
			if (!link) return;

			const file = decodeURIComponent(
			(link.href.match(/title=([^&]+)/i) \|\| [])[1] \|\| ''
			);

	if (!file) return;		if (!file) return;

Line 69:		Line 59:
	<td align="center">${td[4].innerText.trim()}</td>		<td align="center">${td[4].innerText.trim()}</td>
	<td align="left"><font face="Liberation Serif">${td[5].innerText.trim()}</font></td>		<td align="left"><font face="Liberation Serif">${td[5].innerText.trim()}</font></td>
	<td align="left"><font face="Liberation Serif">-${td[6].innerText.trim().replace(/,\s*/g, ' -')}</font></td>		<td align="left"><font face="Liberation Serif">-${td[6].innerText.trim().replace(/,\s*/g,' -')}</font></td>
	<td align="left">		<td align="left">
	<a href="/index.php/Special:Redirect/file/${file}~~.jpg~~">${file}</a>		<a href="/index.php/Special:Redirect/file/${file}">${file.replace(/\.jpg$/i,'')}</a>
	</td>		</td>
	</tr>`.trim());		</tr>`.trim());
Line 101:		Line 91:
	});		});
	</script>		</script>



	</html>		</html>

HMHTEST at 19:33, 9 December 2025

2025-12-09T19:33:19Z

Show changes