Altes Köln

Widget:GOV-Test: Unterschied zwischen den Versionen

Aus Altes Köln
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 2: Zeile 2:
<div id="external-content"></div>
<div id="external-content"></div>
<script>
<script>
  fetch('https://gov.genealogy.net/item/show/HOHAUSJO30MX')
<script>
    .then(response => response.text())
fetch('https://gov.genealogy.net/item/show/HOHAUSJO30MX')
    .then(data => {
  .then(response => response.text())
      document.getElementById('external-content').innerHTML = data;
  .then(data => {
    })
    // HTML in einen temporären Container einfügen
    .catch(error => {
    const parser = new DOMParser();
      console.error('Error loading external content:', error);
    const doc = parser.parseFromString(data, 'text/html');
    });
</script>


<h1>Laden der Grafik mit übergeordneten Objekten mit Javascript (fetch)</h1>
    // Alle Bild-URLs korrigieren
    const baseUrl = 'https://gov.genealogy.net';
    doc.querySelectorAll('img').forEach(img => {
      if (img.src.startsWith('/')) {
        img.src = baseUrl + img.src; // Relativ zu absolut machen
      }
    });


<div id="external-content"></div>
    // Den bearbeiteten Inhalt in das Ziel-Element einfügen
<script>
    document.getElementById('external-content').innerHTML = doc.body.innerHTML;
  fetch('https://gov.genealogy.net/item/relationshipGraph/HOHAUSJO30MX?full-size=1')
  })
    .then(response => response.text())
  .catch(error => {
    .then(data => {
    console.error('Error loading external content:', error);
      document.getElementById('external-content').innerHTML = data;
  });
    })
    .catch(error => {
      console.error('Error loading external content:', error);
    });
</script>
</script>


<h1>Einfaches HTML (nur Hyberlink auf GOV)</h1>
<h1>Einfaches HTML (nur Hyberlink auf GOV)</h1>

Version vom 12. Januar 2025, 18:13 Uhr

Laden der GOV-Seite mit Javascript (fetch)

<script> <script> 

fetch('https://gov.genealogy.net/item/show/HOHAUSJO30MX')
  .then(response => response.text())
  .then(data => {
    // HTML in einen temporären Container einfügen
    const parser = new DOMParser();
    const doc = parser.parseFromString(data, 'text/html');

    // Alle Bild-URLs korrigieren
    const baseUrl = 'https://gov.genealogy.net';
    doc.querySelectorAll('img').forEach(img => {
      if (img.src.startsWith('/')) {
        img.src = baseUrl + img.src; // Relativ zu absolut machen
      }
    });

    // Den bearbeiteten Inhalt in das Ziel-Element einfügen
    document.getElementById('external-content').innerHTML = doc.body.innerHTML;
  })
  .catch(error => {
    console.error('Error loading external content:', error);
  });

</script>

Einfaches HTML (nur Hyberlink auf GOV)

Hello World

Die GOV-Daten <a href="https://gov.genealogy.net/item/show/HOHAUSJO30MX">finden Sie hier</a>.

Aufruf von GOV mit Object

<object data="https://gov.genealogy.net/item/show/HOHAUSJO30MX" width="600" height="400"></object>

Aufruf von GOV mit Iframe

Abgerufen von „https://altes-koeln.de/index.php?title=Widget:GOV-Test&oldid=77770“
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.