|
|
| Zeile 2: |
Zeile 2: |
|
| |
|
| <h1>iframe mit Zuschneiden</h1> | | <h1>iframe mit Zuschneiden</h1> |
| <h3>Relative Verteilung des Namens <span id="decoded-name"></span> (1996)</h3> | | <h3>Relative Verteilung des Namens <!--{$Name|escape:'html'}--> (1996)</h3> |
| <a id="map-link" href="#">Direkt zur Karte</a> | | <a href="https://nvk.genealogy.net/karte/Schmitz">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 id="map-frame" src="" style="position: absolute; top: -40px; left: -90px; width: 1024px; height: 768px; border: none;"></iframe> | | <iframe src="https://nvk.genealogy.net/karte/<!--{$Name|escape:'url'}-->" style="position: absolute; top: -40px; left: -90px; width: 1024px; height: 768px; border: none;"></iframe> |
| </div> | | </div> |
| <p>Die Farbskala zeigt die Anzahl von <span id="decoded-name-inline"></span> bezogen auf je 1 Million Einträge.</p> | | <p>Die Farbskala zeigt die Anzahl von {$Name|escape:'html'} bezogen auf je 1 Million Einträge.</p> |
| | |
| <script>
| |
| // 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> | |
| | |
|
| |
|
| <!-- | | <!-- |
Version vom 22. Januar 2025, 19:54 Uhr
iframe mit Zuschneiden
Relative Verteilung des Namens (1996)
<a href="https://nvk.genealogy.net/karte/Schmitz">Direkt zur Karte</a>
Die Farbskala zeigt die Anzahl von {$Name|escape:'html'} bezogen auf je 1 Million Einträge.
Cookies helfen uns bei der Bereitstellung von Altes Köln. Durch die Nutzung von Altes Köln erklärst du dich damit einverstanden, dass wir Cookies speichern.
