Site externe¶
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.
Il y a fondamentalement deux possibilités pour atteindre ce but :
Import raw data using the LionsBase Web Service API
Intégrer les pages générées depuis LionsBase
Nous allons décrire une façon d’intégrer les pages générées. Les différentes étapes sont :
Choisir un club LionsBase existant pour préparer les pages devant être intégrées à votre site externe (p. ex.
votre-nom-de-club.domaine.tld
)Utiliser un gabarit vide pour la page afin d’empêcher les éléments de mise en page LionsBase tels que le menu de navigation et la bannière de club d’être générés, et donc de ne montrer que le contenu formaté
S’assurer que la page est masquée dans le menu de navigation de votre site LionsBase
Utiliser une iframe dans votre site externe et référencer votre page
Utiliser un gabarit vide¶
Veuillez vous référer au chapitre Changer le gabarit d’une page et choisissez un gabarit vide.
Préparez votre page dans TYPO3 comme d’habitude, en utilisant des éléments de contenu de type texte, images ou des plugins.
Utiliser une iframe¶
Avant tout vous devez connaître l’ID de la page que vous voulez référencer. Une façon de récupérer cet ID est d’éditer la page en question et de regarder en bas à droite de la zone des onglets, comme n’importe quel autre enregistrement dans TYPO3 :

Dans ce cas, c’est « 702 ». Comme votre site est accessible depuis https://votre-nom-de-club.domaine.tld
(p. ex. https://salzburg.lions.at
), la page avec l’ID 702 est accessible depuis https://votre-nom-de-club.domain.tld/index.php?id=702
.
Maintenant ouvrez votre site externe et insérez un bout de code HTML :
<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>
Le fait d’avoir l’attribut ìd= »myFrame »` vous permet de redimensionner la hauteur de l’iframe dynamiquement, au besoin, en utilisant quelques lignes de JavaScript dans la section « head
» de votre page :
<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>
Si vous ne voulez pas faire ceci, assurez-vous alors de renseigner un attribut « height
» à la place.