Widget:NVK-Test: Unterschied zwischen den Versionen
Aus Altes Köln
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 2: | Zeile 2: | ||
<h1>iframe mit Zuschneiden</h1> | <h1>iframe mit Zuschneiden</h1> | ||
<h3>Relative Verteilung des Namens | <h3>Relative Verteilung des Namens <span id="decoded-name"></span> (1996)</h3> | ||
<a href=" | <a id="map-link" href="#">Direkt zur Karte</a> | ||
<div style="width: 600px; height: 430px; overflow: hidden; position: relative;"> | <div style="width: 600px; height: 430px; overflow: hidden; position: relative;"> | ||
<iframe src=" | <iframe id="map-frame" src="" style="position: absolute; top: -40px; left: -90px; width: 1024px; height: 768px; border: none;"></iframe> | ||
</div> | </div> | ||
<p>Die Farbskala zeigt die Anzahl von | <p>Die Farbskala zeigt die Anzahl von <span id="decoded-name-inline"></span> bezogen auf je 1 Million Einträge.</p> | ||
<script> | <script> | ||
function decodeGermanText(encodedText) { | // Platzhalter für den kodierten Namen (wird serverseitig durch den tatsächlichen Wert ersetzt) | ||
const encodedName = "<!--{$Name|escape:'url'}-->"; | |||
// Funktion zur Dekodierung | |||
function decodeGermanText(encodedText) { | |||
try { | |||
return decodeURIComponent(encodedText); | |||
} catch (error) { | |||
console.error("Fehler beim Decodieren:", error); | |||
return encodedText; // Falls Decodieren fehlschlägt, gib Original zurück | |||
} | |||
} | } | ||
} | |||
// Dekodierung durchführen | |||
const decodedName = decodeGermanText(encodedName); | |||
// Dekodierten Namen in die entsprechenden Elemente einfügen | |||
document.getElementById("decoded-name").textContent = decodedName; | |||
document.getElementById("decoded-name-inline").textContent = decodedName; | |||
// Dynamische Links und iframe-Quelle setzen | |||
const mapLink = document.getElementById("map-link"); | |||
const mapFrame = document.getElementById("map-frame"); | |||
mapLink.href = `https://nvk.genealogy.net/karte/${encodedName}`; | |||
mapFrame.src = `https://nvk.genealogy.net/karte/${encodedName}`; | |||
</script> | </script> | ||
<!-- | <!-- | ||
Version vom 22. Januar 2025, 18:50 Uhr
iframe mit Zuschneiden
Relative Verteilung des Namens (1996)
<a id="map-link" href="#">Direkt zur Karte</a>
Die Farbskala zeigt die Anzahl von bezogen auf je 1 Million Einträge.
<script>
// Platzhalter für den kodierten Namen (wird serverseitig durch den tatsächlichen Wert ersetzt) const encodedName = "";
// Funktion zur Dekodierung
function decodeGermanText(encodedText) {
try {
return decodeURIComponent(encodedText);
} catch (error) {
console.error("Fehler beim Decodieren:", error);
return encodedText; // Falls Decodieren fehlschlägt, gib Original zurück
}
}
// Dekodierung durchführen const decodedName = decodeGermanText(encodedName);
// Dekodierten Namen in die entsprechenden Elemente einfügen
document.getElementById("decoded-name").textContent = decodedName;
document.getElementById("decoded-name-inline").textContent = decodedName;
// Dynamische Links und iframe-Quelle setzen
const mapLink = document.getElementById("map-link");
const mapFrame = document.getElementById("map-frame");
mapLink.href = `https://nvk.genealogy.net/karte/${encodedName}`; mapFrame.src = `https://nvk.genealogy.net/karte/${encodedName}`;
</script>