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>
   <iframe src="https://nvk.genealogy.net/karte/" style="position: absolute; top: -40px; left: -85px; width: 1024px; height: 768px; border: none;" title="Lade Karte für "></iframe>

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.