iframe

Seiteninhalt

Beschreibung
Erstellung (Content)
Verwendung

Beschreibung

Mit iframes betten Sie Inhalte anderer Webseiten in Ihre Website ein. Allerdings stellen die Webbrowser iFrame-Inhalte aus fremden Websites meist nicht dar, da entsprechende Sicherheits-Richtlinien dies blockieren (siehe CORS (Cross-Origin Resource Sharing) und Same-Origin-Policy Thematik). Sie können in Ihrer Website www.abc.uzh.ch also meist nur eigene Inhalte der gleichen Domäne einbetten, z.B. das einbinden von Applikationen aus dem eigenen FTP-Bereich.

Ein iframe ist im Content- oder im Related Content-Bereich in einem Teaser möglich.

Hinweis: Ist der im iframe geladene Inhalt länger als das iframe selbst, erscheint an dessem rechten Rand ein Scrollbalken. Das lässt sich vermeiden, wie hier gezeigt wird.

Erstellung (Content)

(Die Anleitung zur Erstellung eines iframes im Teaser finden Sie bei:
Teaser im Abschnitt «Reiter «iframe»)

Klicken Sie im Bereich «Content» auf «Neue Content Komponente»
Wählen Sie «iframe» und bestätigen Sie mit «Auswählen»
«Quelle»: Geben Sie die vollständige URL der Webseite an, deren Inhalte Sie zeigen möchten, inkl. https://.
(Optional) «Breite»: Breite (in Pixel), in der das iframe dargestellt werden soll. Geben Sie nur die Zahl ohne «px» an. Bei leerem Feld wird das iframe in der maximal möglichen Breite dargestellt.
(Optional) «Höhe»: Geben Sie die Höhe des iframe-Fensters (in Pixeln) an.
Falls die eingebundene Webseite in der gleichen Domäne wie Ihre Website ist, z.B. im static-Verzeichnis, können Sie das Feld «Höhe» leer lassen; es wird automatisch angepasst werden (autoheight).
«Rahmen»: Aktivieren Sie diese Option, falls Sie einen (schwarzen) Rahmen um das iframe herum wünschen (Default = off).
«Scrollbalken»: Deaktivieren Sie diese Option, falls Sie keinen vertikalen/horizontalen Scrollbalken wünschen (Default = on).
«Lade-Animation»: Deaktivieren Sie diese Option, falls die Lade-Animation vor der Anzeige der iframe-Inhalte nicht erscheinen soll (Default = on). Die Lade-Animation wird nur angezeigt, falls das Laden der iframe-URL lange dauert.
Bestätigen Sie mit «Änderungen speichern»
Publizieren Sie die Seite und kontrollieren Sie den iframe auf der publizierten Seite (im Authoring lädt das iframe nicht).