Ir al contenido
truedistance.org

Insertar la calculadora del sistema solar a escala real

Integra la calculadora interactiva directamente en la página de tu colegio, blog de astronomía, museo o plataforma educativa. La vista insertada funciona sin publicidad, sin cookies y sin medición de audiencia dentro del marco.

Configurador y código HTML

Código HTML para copiar
<iframe src="https://www.truedistance.org/es/embed/" title="Calculadora del sistema solar a escala real — truedistance.org" width="100%" height="780" style="border:0;max-width:100%;width:100%" loading="lazy"></iframe>
<p><a href="https://www.truedistance.org/es/">Calculadora del sistema solar a escala real en 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>

Copia el bloque completo: el <iframe> inserta la calculadora y la línea <p><a href="…">…</a></p> justo debajo cita la fuente fuera del marco.

Vista previa en vivo de la calculadora insertada

Cómo insertarla en tres pasos

  1. 1. Elige los valores iniciales. Ajusta arriba el idioma, la distancia inicial y el cuerpo más exterior. Los visitantes de tu página podrán seguir cambiando todos los valores.
  2. 2. Copia el código HTML. El fragmento consta del <iframe> y de un enlace de atribución normal <p><a href="…">…</a></p> justo debajo.
  3. 3. Pégalo en tu página. En WordPress usa un bloque «HTML personalizado», en Moodle cambia el editor a la vista de código HTML y en Contao o Typo3 utiliza un elemento de contenido HTML.

Ajuste automático de la altura

Según termine el modelo en la Tierra (cuatro filas) o en Neptuno (nueve filas), la tabla se acorta o se alarga. La calculadora insertada mide su propia altura mediante ResizeObserver y envía window.parent.postMessage({ type: 'td-resize', height }, '*') a la página contenedora. Con el pequeño script incluido arriba, el marco se adapta sin barra de desplazamiento adicional.

Privacidad y licencia

La vista insertada (/es/embed/) no carga analíticas, no guarda cookies y no realiza peticiones a servidores externos; las tipografías y los datos planetarios se sirven directamente desde este dominio (véase la política de privacidad). Por tanto, no necesitas ningún banner de cookies para la calculadora. La calculadora y sus cifras están bajo CC BY 4.0: al mantener el enlace a la fuente debajo del marco cumples con la atribución.

Ir a la calculadora