Altes Köln

Widget:NVK-Test: Unterschied zwischen den Versionen

Aus Altes Köln
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<!--Test-Widget von Christopher zum Austesten des Aufrufes der Namensverbreitungskarte (eigentlich für das GenWiki)-->
<!--Test-Widget von Christopher zum Austesten des Aufrufes der Namensverbreitungskarte (eigentlich für das GenWiki)-->
<!--<h1>iframe mit Zuschneiden</h1>-->
<style>
  .limited-width {
    max-width: 550px;
    margin: 50 auto;
  }
</style>


<h1>iframe mit Zuschneiden</h1>
<div class="limited-width">
<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/<!--{$Name|escape:'url'}-->">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: -85px; width: 1024px; height: 768px; border: none;" title="Lade Karte für <!--{$Name|escape:'html'}-->"></iframe>
  </div class="limited-width">
  <p>Die Farbskala zeigt die Anzahl von "<!--{$Name|escape:'html'}-->" bezogen auf je 1 Million Einträge.</p>
  <p>Besonders viele "<!--{$Name|escape:'html'}-->" finden sich in den Kreisen XYZ, ZXY und ... Hier kann weiterer kurzer Text stehen.</p>
</div>
</div>
<p>Die Farbskala zeigt die Anzahl von <span id="decoded-name-inline"></span> 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>


<!--
<!--

Aktuelle Version vom 22. Januar 2025, 20:30 Uhr

<style>

 .limited-width {
   max-width: 550px;
   margin: 50 auto;
 }

</style>

Relative Verteilung des Namens (1996)

 <a href="https://nvk.genealogy.net/karte/">Direkt zur Karte</a>
   

Die Farbskala zeigt die Anzahl von "" bezogen auf je 1 Million Einträge.

Besonders viele "" finden sich in den Kreisen XYZ, ZXY und ... Hier kann weiterer kurzer Text stehen.


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.