Widget:GOV-Test - Versionsgeschichte

Christopher am 22. Januar 2025 um 18:18 Uhr

2025-01-22T18:18:15Z

← Nächstältere Version		Version vom 22. Januar 2025, 18:18 Uhr
Zeile 81:		Zeile 81:
	content.innerHTML = html;		content.innerHTML = html;

	// 1) Passe <object> ~~width und height~~ an		// 1) Passe width und height in <object> an
	const objects = content.querySelectorAll('object[data^="/"]');		const objects = content.querySelectorAll('object[data^="https://www.genealogy.net/viewer-js/"]');
	objects.forEach(obj => {		objects.forEach(obj => {
	~~obj.setAttribute('data', baseURL + obj.getAttribute('data'));~~		obj.setAttribute('width', '400'); // Setze Breite auf 400
	obj.setAttribute('width', '400');		obj.setAttribute('height', '400'); // Setze Höhe auf 400
	obj.setAttribute('height', '400');
	});		});

Christopher am 22. Januar 2025 um 17:50 Uhr

2025-01-22T17:50:12Z

← Nächstältere Version		Version vom 22. Januar 2025, 17:50 Uhr
Zeile 82:		Zeile 82:

	// 1) Passe <object> width und height an		// 1) Passe <object> width und height an
	const objects = content.querySelectorAll('object[data^="~~https://www.genealogy.net/viewer-js~~/"]');		const objects = content.querySelectorAll('object[data^="/"]');
	objects.forEach(obj => {		objects.forEach(obj => {
			obj.setAttribute('data', baseURL + obj.getAttribute('data'));
	obj.setAttribute('width', '400');		obj.setAttribute('width', '400');
	obj.setAttribute('height', '400');		obj.setAttribute('height', '400');
Zeile 102:		Zeile 103:
	img.setAttribute('width', '80%'); // Breite auf 80% setzen		img.setAttribute('width', '80%'); // Breite auf 80% setzen
	}		}
			});

			// 3) Füge Base-URL zu allen relativen <a> hinzu
			const allLinks = content.querySelectorAll('a[href^="/"]');
			allLinks.forEach(link => {
			const originalHref = link.getAttribute('href');
			link.setAttribute('href', baseURL + originalHref);
			});

			// 4) Füge Base-URL zu allen relativen <img> hinzu
			const allImages = content.querySelectorAll('img[src^="/"]');
			allImages.forEach(img => {
			const originalSrc = img.getAttribute('src');
			img.setAttribute('src', baseURL + originalSrc);
	});		});

Christopher am 22. Januar 2025 um 17:40 Uhr

2025-01-22T17:40:35Z

← Nächstältere Version		Version vom 22. Januar 2025, 17:40 Uhr
Zeile 60:		Zeile 60:
	}		}
	object {		object {
	max-width: 100%; ~~/* Passt die Breite an */~~		max-width: 100%;
	height: 400px; /* Feste Höhe ~~passend zur Darstellung des Karten-Object~~ */		height: 400px; /* Feste Höhe */
	display: block;		display: block;
	margin: 0;		margin: 0;
Zeile 81:		Zeile 81:
	content.innerHTML = html;		content.innerHTML = html;

	// ~~Ersetze~~ width und height ~~in <object> der Karte auf von 256 auf 400~~		// 1) Passe <object> width und height an
	const objects = content.querySelectorAll('object[data^="https://www.genealogy.net/viewer-js/"]');		const objects = content.querySelectorAll('object[data^="https://www.genealogy.net/viewer-js/"]');
	objects.forEach(obj => {		objects.forEach(obj => {
Zeile 88:		Zeile 88:
	});		});

	// 2) Passe <~~img~~> im <a>~~-Tag~~ an ~~und füge ?full-size=1 hinzu (bessere Darstellung des relationshipGraph)~~		// 2) Passe <a> und <img> für den relationshipGraph an
	const imageLinks = content.querySelectorAll('a[href*="relationshipGraph"]');		const imageLinks = content.querySelectorAll('a[href*="relationshipGraph"]');
	imageLinks.forEach(link => {		imageLinks.forEach(link => {
			// Passe das <a>-Tag an die Base-URL an
			const originalHref = link.getAttribute('href');
			link.setAttribute('href', baseURL + originalHref);

			// Passe das <img>-Tag im <a>-Tag an
	const img = link.querySelector('img');		const img = link.querySelector('img');
	if (img) {		if (img) {
	const originalSrc = img.getAttribute('src');		const originalSrc = img.getAttribute('src');
	img.setAttribute('src', baseURL + originalSrc + "?full-size=1"); // Absoluten Pfad setzen		img.setAttribute('src', baseURL + originalSrc + "?full-size=1"); // Absoluten Pfad setzen
			img.setAttribute('width', '80%'); // Breite auf 80% setzen
	}		}
	});		});

Christopher am 22. Januar 2025 um 17:34 Uhr

2025-01-22T17:34:01Z

← Nächstältere Version		Version vom 22. Januar 2025, 17:34 Uhr
Zeile 1:		Zeile 1:
	!--Test-Widget von Christopher zum Austesten des GOV-Aufrufes (eigentlich für das GenWiki)-->		<!--Test-Widget von Christopher zum Austesten des GOV-Aufrufes (eigentlich für das GenWiki)-->
	<div id="widget-container"></div>		<div id="widget-container"></div>

Christopher am 22. Januar 2025 um 17:31 Uhr

2025-01-22T17:31:12Z

← Nächstältere Version		Version vom 22. Januar 2025, 17:31 Uhr
Zeile 1:		Zeile 1:
	<!--Test-Widget von Christopher zum Austesten des GOV-Aufrufes (eigentlich für das GenWiki)-->		!--Test-Widget von Christopher zum Austesten des GOV-Aufrufes (eigentlich für das GenWiki)-->
	<div id="widget-container"></div>		<div id="widget-container"></div>

Zeile 60:		Zeile 60:
	}		}
	object {		object {
	max-width: 100%;		max-width: 100%; /* Passt die Breite an */
	height: ~~auto~~;		height: 400px; /* Feste Höhe passend zur Darstellung des Karten-Object */
	display: block;		display: block;
	margin: 0;		margin: 0;
Zeile 81:		Zeile 81:
	content.innerHTML = html;		content.innerHTML = html;

	// 1) Ersetze width und height in <object> auf 400		// Ersetze width und height in <object> der Karte auf von 256 auf 400
	const objects = content.querySelectorAll('object[data^="https://www.genealogy.net/viewer-js/"]');		const objects = content.querySelectorAll('object[data^="https://www.genealogy.net/viewer-js/"]');
	objects.forEach(obj => {		objects.forEach(obj => {
Zeile 88:		Zeile 88:
	});		});

	// 2) Passe <img> im <a>-Tag an~~, um~~ ?full-size=1 ~~hinzuzufügen~~		// 2) Passe <img> im <a>-Tag an und füge ?full-size=1 hinzu (bessere Darstellung des relationshipGraph)
	const imageLinks = content.querySelectorAll('a[href*="relationshipGraph"]');		const imageLinks = content.querySelectorAll('a[href*="relationshipGraph"]');
	imageLinks.forEach(link => {		imageLinks.forEach(link => {
Zeile 94:		Zeile 94:
	if (img) {		if (img) {
	const originalSrc = img.getAttribute('src');		const originalSrc = img.getAttribute('src');
	img.setAttribute('src', originalSrc + "?full-size=1");		img.setAttribute('src', baseURL + originalSrc + "?full-size=1"); // Absoluten Pfad setzen
	}		}
	});		});

Christopher am 22. Januar 2025 um 15:53 Uhr

2025-01-22T15:53:00Z

← Nächstältere Version		Version vom 22. Januar 2025, 15:53 Uhr
Zeile 81:		Zeile 81:
	content.innerHTML = html;		content.innerHTML = html;

	// ~~Relative Pfade anpassen~~		// 1) Ersetze width und height in <object> auf 400
	const ~~links~~ = content.querySelectorAll('a[~~href~~^="/"]');		const objects = content.querySelectorAll('object[data^="https://www.genealogy.net/viewer-js/"]');
	~~links~~.forEach(~~link~~ => {		objects.forEach(obj => {
	~~link~~.~~href = baseURL + link~~.~~getAttribute~~('~~href~~');		obj.setAttribute('width', '400');
			obj.setAttribute('height', '400');
	});		});

	const ~~images~~ = content.querySelectorAll('~~img~~[~~src^~~="/"]');		// 2) Passe <img> im <a>-Tag an, um ?full-size=1 hinzuzufügen
	~~images~~.forEach(~~img~~ => {		const imageLinks = content.querySelectorAll('a[href*="relationshipGraph"]');
	img.~~src~~ = ~~baseURL +~~ img.getAttribute('src');		imageLinks.forEach(link => {
			const img = link.querySelector('img');
			if (img) {
			const originalSrc = img.getAttribute('src');
			img.setAttribute('src', originalSrc + "?full-size=1");
			}
	});		});

	~~const objects = content.querySelectorAll('object[data^="/"]');~~
	~~objects.forEach(obj => {~~
	~~obj.data = baseURL + obj.getAttribute('data');~~
	~~});~~

	~~// Spezielle Anpassung für die Karte~~
	~~const mapObject = content.querySelector("object");~~
	~~if (mapObject) {~~
	~~const mapContainer = document.createElement("div");~~
	~~mapContainer.className = "map-container";~~
	~~mapObject.parentNode.insertBefore(mapContainer, mapObject);~~
	~~mapContainer.appendChild(mapObject);~~
	}

	// Stile und Inhalte in das Shadow DOM einfügen		// Stile und Inhalte in das Shadow DOM einfügen

Christopher am 22. Januar 2025 um 15:41 Uhr

2025-01-22T15:41:08Z

← Nächstältere Version		Version vom 22. Januar 2025, 15:41 Uhr
Zeile 4:		Zeile 4:
	<script>		<script>
	(function () {		(function () {
	const fetchURL = "https://gov.genealogy.net/item/wikihtml/~~SCHERGJO54EJ~~";		const fetchURL = "https://gov.genealogy.net/item/wikihtml/<!--{$GOVID\|escape:'url'}-->";
	const baseURL = "https://gov.genealogy.net";		const baseURL = "https://gov.genealogy.net";

Christopher am 22. Januar 2025 um 15:36 Uhr

2025-01-22T15:36:38Z

@@ Zeile 1: / Zeile 1: @@
 <!--Test-Widget von Christopher zum Austesten des GOV-Aufrufes (eigentlich für das GenWiki)-->
-<h1>Aufruf von GOV mit Iframe</h1>
+<div id="widget-container"></div>
-<iframe src="https://gov.genealogy.net/item/wikihtml/HOHAUSJO30MX" width="1100" height="1100"></iframe>

Christopher: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „

Aufruf von GOV mit Iframe

“

2025-01-21T14:47:55Z

Der Seiteninhalt wurde durch einen anderen Text ersetzt: „ <h1>Aufruf von GOV mit Iframe</h1> <iframe src="https://gov.genealogy.net/item/wikihtml/HOHAUSJO30MX" width="1100" height="1100"></iframe>“

Änderungen zeigen

Christopher am 21. Januar 2025 um 14:45 Uhr

2025-01-21T14:45:33Z

← Nächstältere Version		Version vom 21. Januar 2025, 14:45 Uhr
Zeile 95:		Zeile 95:
	<h1>Variante: Einfacher iframe mit <!--{$CallType\|escape:'url'}--></h1>		<h1>Variante: Einfacher iframe mit <!--{$CallType\|escape:'url'}--></h1>
	<div style="width: 100vw; height: 0; padding-bottom: 160%; position: relative;">		<div style="width: 100vw; height: 0; padding-bottom: 160%; position: relative;">
	<iframe src="https://gov.genealogy.net/item/<!--{$CallType\|escape:'url'}-->/<!--{$GOVID\|escape:'url'}-->" style="position: absolute; top: 0; left: 0; width: vw; height: 100%; transform: scale(1.8); /* Skaliere den iframe-Inhalt */" frameborder="0" ~~allowfullscreen~~></iframe>		<iframe src="https://gov.genealogy.net/item/<!--{$CallType\|escape:'url'}-->/<!--{$GOVID\|escape:'url'}-->" style="position: absolute; top: 0; left: 0; width: vw; height: 100%; transform: scale(1.8); /* Skaliere den iframe-Inhalt */" frameborder="0" ></iframe>
	</div>		</div>