Altes Köln

Widget:GOV-Test: Unterschied zwischen den Versionen

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


    // Alle Bild-URLs korrigieren
<h1>Laden der Grafik mit übergeordneten Objekten mit Javascript (fetch)</h1>
    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
<div id="external-content"></div>
    document.getElementById('external-content').innerHTML = doc.body.innerHTML;
<script>
  })
  fetch('https://gov.genealogy.net/item/relationshipGraph/HOHAUSJO30MX?full-size=1')
  .catch(error => {
    .then(response => response.text())
    console.error('Error loading external content:', error);
    .then(data => {
  });
      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:15 Uhr

Laden der GOV-Seite mit Javascript (fetch)

<script> 

 fetch('https://gov.genealogy.net/item/show/HOHAUSJO30MX')
   .then(response => response.text())
   .then(data => {
     document.getElementById('external-content').innerHTML = data;
   })
   .catch(error => {
     console.error('Error loading external content:', error);
   });

</script>

Laden der Grafik mit übergeordneten Objekten mit Javascript (fetch)

<script> 

 fetch('https://gov.genealogy.net/item/relationshipGraph/HOHAUSJO30MX?full-size=1')
   .then(response => response.text())
   .then(data => {
     document.getElementById('external-content').innerHTML = data;
   })
   .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://admiring-ritchie.45-83-104-238.plesk.page/index.php?title=Widget:GOV-Test&oldid=77771“
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.