Zum Inhalt springen
truedistance.org

Maßstabsrechner auf deiner Webseite einbetten

Binde den interaktiven Maßstabsrechner direkt in deine Schul-Webseite, dein Astronomie-Blog, deine Vereins-Webseite oder deine Lernplattform ein. Die Einbett-Ansicht läuft werbefrei, ohne Cookies und ohne Reichweitenmessung im Rahmen.

Konfigurator & HTML-Code

HTML-Schnipsel zum Kopieren
<iframe src="https://www.truedistance.org/de/embed/" title="Maßstabsrechner für das Sonnensystem — truedistance.org" width="100%" height="780" style="border:0;max-width:100%;width:100%" loading="lazy"></iframe>
<p><a href="https://www.truedistance.org/de/">Maßstabsrechner für das Sonnensystem auf truedistance.org</a></p>
<script>window.addEventListener("message",function(e){if(!e.data||e.data.type!=="td-resize"||typeof e.data.height!=="number")return;var f=document.querySelectorAll("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source)f[i].style.height=Math.ceil(e.data.height)+"px";}});</script>

Kopiere den gesamten Block: Das <iframe> bettet den Rechner ein, und die Zeile <p><a href="…">…</a></p> direkt darunter nennt die Quelle außerhalb des Rahmens.

Live-Vorschau der Einbett-Ansicht

Einbau in drei Schritten

  1. 1. Startwerte wählen. Stelle oben Sprache, Startstrecke und äußersten Körper ein. Besucher deiner Webseite können alle Werte weiterhin frei im Rechner ändern.
  2. 2. HTML-Schnipsel kopieren. Der Schnipsel besteht aus dem <iframe> und einem gewöhnlichen Quellenlink <p><a href="…">…</a></p> direkt darunter.
  3. 3. In deine Webseite einfügen. Nutze in WordPress einen Block „Individuelles HTML“, in Moodle oder IServ die HTML-Quelltextansicht des Editors und in Contao oder Typo3 ein HTML-Inhaltselement.

Automatische Höhenanpassung

Je nachdem, ob das Modell bei der Erde (vier Zeilen) oder bei Neptun (neun Zeilen) endet, wird die Tabelle kürzer oder länger. Der eingebettete Rechner misst seine Höhe per ResizeObserver und sendet window.parent.postMessage({ type: 'td-resize', height }, '*') an die einbindende Webseite. Mit dem kurzen Skript aus dem Konfigurator passt sich der Rahmen nahtlos ohne zweiten Scrollbalken an.

Datenschutz & Lizenz

Die Einbett-Ansicht (/de/embed/) lädt keine Reichweitenmessung, setzt keine Cookies und stellt keine Anfragen an fremde Server; Schriften und Planetendaten kommen direkt von dieser Domain (siehe Datenschutzerklärung). Du brauchst für den Rechner also kein Cookie-Banner auf deiner Webseite. Rechner und Zahlen stehen unter CC BY 4.0 — mit dem Quellenlink unter dem Rahmen ist die Namensnennung erfüllt.

Zum Rechner