Externe Website¶
If you manage a website outside from LionsBase (e.g., your multiple district website), you may want to import and show content from LIonsBase. This is typically the case with the list of clubs, upcoming events or social activities.
Sie haben grundsätzlich zwei Möglichkeiten, das Ziel zu erreichen:
Importieren Sie Rohdaten mithilfe des LionsBase-Webdienstes-API
Einfügen von LionsBase erstellten Seiten
Wir beschreiben nun eine Weg wie man erzeugte Seiten einfügt. Die Schritte sind wie folgt:
Wählen Sie einen existierenden LionsBase Club, um die Seiten vorzubereiten, welche dann in die externe Webseite eingefügt werden sollen (z.B., „ihr-club-name.domain.tld“)
Sie benötigen eine leere Seiten-Vorlage um zu verhindern, dass LionsBase eigene Elemente und Banner miteinbezieht, so wird nur neuer, formatierter Inhalt erzeugt
Versichern Sie sich, dass die Seite im LionsBase Navigations-Menu inaktiv, versteckt, ist
Gebrauchen Sie für Ihre externe Webseite iframe und geben Sie der Seite eine Quellen-Angabe
Eine leere Vorlage gebrauchen¶
Bitte schauen Sie im Kapitel Ändern des Seitenlayoutes nach und wählen Sie eine leere Vorlage.
Bereiten Sie Ihre Seite in TYPO3 wie gewöhnlich vor, indem Sie die Inhaltselemente des Typs Text, Bilder, oder Plugin gebrauchen.
Iframe gebrauchen¶
Vor allem müssen Sie die ID Ihrer Seite kennen, auf die verwiesen werden soll. Ein Weg diese ID zu erhalten ist die Seite zu öffnen und am unteren Blatt-Ende, rechts des Registers nachzuschauen, gleich wie bei jeder anderen TYPO3 Aufzeichnung:

In diesem Falle ist es die „702“. Der Zugang zu Ihrer Club Webseite ist https://Ihr-club-name.domain.tld
(z.B., https://salzburg.lions.at
), Der Zugang zur Seite mit der ID 702 ist https://Ihr-club-name.domain.tld/index.php?id=702
.
Nun öffnen Sie die externe Webseite und geben Sie einen HTML Code ein:
<iframe width="100%" id="myFrame" src="https://your-club-name.domain.tld/index.php?id=702" scrolling="no" frameborder="0">
An iframe capable browser is required to view this page.
</iframe>
Mit dem Kennzeichen id="myFrame"
können Sie, wenn Sie wollen, die Höhe des iframe dynamisch neu festlegen, benützen Sie einige Linien von JavaScript im Abschnitt „head“ aus Ihrer Seite:
<script type="text/javascript">
<!--//
function sizeFrame() {
var F = document.getElementById("myFrame");
if (F.contentDocument) {
F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome
} else {
F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome
}
}
window.onload = sizeFrame;
//-->
</script>
Wenn Sie das nicht machen wollen, versichern sich sich, dass dafür das Attribut „height
“ zur Verfügung steht.