Normalerweise sind die Daten, die eine HTML DB-Anwendung anzeigt, in Datenbanktabellen enthalten. Vor einigen Wochen wurde auf dieser Seite darüber hinaus dargestellt, wie man externe Nachrichtenquellen per RSS-Feed in HTML DB-Anwendungen einbinden kann. Doch was ist, wenn Sie externe Web-Inhalte in Ihre Anwendung aufnehmen möchten, jedoch kein entsprechender RSS-Feed vorhanden ist? Als Beispiel soll die Liste der Howto-Dokumente für die HTML DB im OTN dienen. Ein RSS-Feed existiert dazu nicht.

Abb. 1: Ausgangspunkt: Eine HTML DB-Anwendung

Die Howto-Dokumente sollen auf der dieser Seite rechts erscheinen. Schauen Sie sich zunächst die externe Seite im Original an. Sie ist unter http://www.oracle.com/technology/products/database/htmldb/howtos/index.html zu finden.

Abb. 2: HTML DB Howto-Dokumente otn.oracle.com

Ziel ist es nun, die Liste mit dem Howto-Dokumenten "auszuschneiden" und auf der rechten Hälfte in die Seite der HTML DB-Anwendung einzubauen. Erstellen Sie dazu zunächst eine neue Region vom Typ URL (Abbildung 3). Geben Sie die oben dargestellte URL, die zu den Howto-Dokumenten führt, ein (Abbildung 4). Das Ergebnis sollte wie in Abbildung 5 aussehen.

Achten Sie beim Anwenden dieser Technologie stets darauf, dass Sie nicht die Rechte des Eigentümers der Orginalinhalte verletzen. So untersagen viele Autoren das Darstellen ihrer Inhalte außerhalb des Original-Kontexts.

Abb. 3: Neue HTML DB Region vom Typ URL

Abb. 4: Externe URL angeben

Abb. 5: Vorläufiges Ergebnis

Wie man leicht erkennen kann, wurde die externe Seite in die HTML DB-Anwendung integriert. Das Ergebnis ist allerdings noch verbesserungsfähig. So soll lediglich die Liste der Dokumente sichtbar sein; die Menüleiste sowie Seitenkopf und -Fuß werden eigentlich nicht benötigt.

Navigieren Sie nun über Seite bearbeiten in der Developer Toolbar unten zur soeben erstellten Region und dort zum Bereich Regionsquelle.

Abb. 6: Quelle der Region vom Typ URL

In den Eingabefeldern HTML DB verwerfen bis und HTML DB verwerfen nach können Sie nun HTML-Code eingeben. Diese werden gewissermaßen als "Schnittpunkte" verwendet. Die Inhalte der Originalseite werden bis zum Erreichen des bei HTML DB verwerfen bis hinterlegten HTML-Fragments ignoriert. Berücksichtigt werden sie nur bis zum Erreichen des bei HTML DB verwerfen nach hinterlegten Fragments.

Lassen Sie sich also im Browser den Quelltext der Originalseite anzeigen und suchen Sie eine HTML-Sequenz, die eindeutig kennzeichnet, wo der Bereich, der Sie interessiert, anfängt bzw. endet.

Abb. 7: HTML-Fragmente zum "Ausschneiden" identifizieren

Abb. 8: HTML Codefragmente hinterlegen

Die externe HTML-Seite verwendet, wie auf Abbildung 2 klar erkennbar ist, Bilder. Diese werden in HTML mit einem <img src="...">-Tag eingebunden, wobei meistens relative Pfadangaben genutzt werden. Da der HTML-Code nun in einem neuen Kontext (Ihre HTML DB-Anwendung) dargestellt wird, können sie nun nicht mehr geladen werden. Hinterlegen Sie daher im Regions-Header das HTML Tag <base> mit der Original-URL (siehe Abbildung 4) als Inhalt wie folgt:

<BASE HREF="http://www.oracle.com/technology/products/database/htmldb/index.html">

Im Regions-Footer setzen Sie den Kontext wieder auf Ihre HTML DB-Anwendung wie folgt zurück:

<BASE HREF="http://[Hostname]:[Port]/pls/htmldb/f">

Abb. 9: HTML <base>-Tag hinterlegen

Starten Sie die Seite nun neu. Das Ergebnis sollte wie in Abbildung 10 dargestellt aussehen.

Abb. 10: Das Ergebnis

Zurück zur Community-Seite